feat(SPV-679): minor adjustments

bitcoin-sv · Apr 26, 2024 · 89088e7 · 89088e7
1 parent 7e6b0aa
commit 89088e7
Show file tree

Hide file tree

Showing 5 changed files with 10 additions and 8 deletions.
diff --git a/src/components/ContactsList/ContactsTable.tsx/ContactsTable.tsx b/src/components/ContactsList/ContactsTable.tsx/ContactsTable.tsx
@@ -1,4 +1,4 @@
-import { ContactAwaitingAcceptance, ContactConfirmed } from '@/api/types/contact';
+import { ContactAwaitingAcceptance, ContactConfirmed, ContactNotConfirmed } from '@/api/types/contact';
 import { Loader } from '@/components/Loader';
 import {
   LargeTd,
@@ -111,7 +111,7 @@ export const ContactsTable: FC = () => {
             setJustAddedContact(false);
           }}
         >
-          {justAddedContact && contactForVerification.status === 'unconfirmed' && <JustAddedContactMsg />}
+          {justAddedContact && contactForVerification.status === ContactNotConfirmed && <JustAddedContactMsg />}
         </VerifyModal>
       )}
     </>

diff --git a/src/components/ContactsList/ContactsTable.tsx/JustAddedContcatMsg.tsx b/src/components/ContactsList/ContactsTable.tsx/JustAddedContcatMsg.tsx
@@ -2,12 +2,14 @@ import { FC } from 'react';
 import styled from '@emotion/styled';
 import { colors } from '@/styles';
 import { StatusBadge } from './StatusBadge';
+import { ContactNotConfirmed } from '@/api';
 
 export const JustAddedContactMsg: FC = () => {
   return (
     <Container>
       <SuccessInfo>You've successfully accepted the contact.</SuccessInfo>
-      Until confirmed, it will be displayed as <StatusBadge status="unconfirmed" style={{ display: 'inline' }} />
+      Until confirmed, it will be displayed as{' '}
+      <StatusBadge status={ContactNotConfirmed} style={{ display: 'inline' }} />
       <br />
       You can confirm it right now or return to this process later by using the "Show code" button.
     </Container>

diff --git a/src/components/ContactsList/_modals/ContactUpsertModal/ContactAddModal.tsx b/src/components/ContactsList/_modals/ContactUpsertModal/ContactAddModal.tsx
@@ -13,7 +13,7 @@ export const ContactAddModal: FC<ContactAddModalProps> = ({ onSubmitted, onCance
     <ContactUpsertModal
       onCancel={onCancel}
       onSubmitted={onSubmitted}
-      sucessMsg="Contact added successfully!"
+      successMsg="Contact added successfully!"
       errorMsg="Error occurred while adding a contact."
       modalTitle="Add contact"
       modalSubtitle="Please double check the paymail address on which the invitation will be sent"

diff --git a/src/components/ContactsList/_modals/ContactUpsertModal/ContactEditModal.tsx b/src/components/ContactsList/_modals/ContactUpsertModal/ContactEditModal.tsx
@@ -23,7 +23,7 @@ export const ContactEditModal: FC<ContactEditModalProps> = ({ onSubmitted, onCan
     <ContactUpsertModal
       onCancel={onCancel}
       onSubmitted={onSubmitted}
-      sucessMsg="Contact edited successfully!"
+      successMsg="Contact edited successfully!"
       errorMsg="Error occurred while editing a contact."
       modalTitle="Edit contact"
       modalSubtitle=""

diff --git a/src/components/ContactsList/_modals/ContactUpsertModal/ContactUpsertModal.tsx b/src/components/ContactsList/_modals/ContactUpsertModal/ContactUpsertModal.tsx
@@ -14,7 +14,7 @@ import { EMAIL_REGEX } from '@/utils/constants';
 type ContactUpsertModal = {
   onSubmitted: () => void;
   onCancel: () => void;
-  sucessMsg: string;
+  successMsg: string;
   errorMsg: string;
   modalTitle: string;
   modalSubtitle: string;
@@ -27,7 +27,7 @@ export const ContactUpsertModal: FC<ContactUpsertModal> = ({
   onCancel,
   fields,
   errorMsg,
-  sucessMsg,
+  successMsg,
   modalTitle,
   modalSubtitle,
   disabledPaymailInput,
@@ -38,7 +38,7 @@ export const ContactUpsertModal: FC<ContactUpsertModal> = ({
   const { name, paymail, phone, setName, setPaymail, setPhone } = fields;
 
   const onSuccess = async () => {
-    setSuccessMessage(sucessMsg);
+    setSuccessMessage(successMsg);
     await modalCloseTimeout();
     onSubmitted();
   };