refactor(web): add-and-update-user-logic

Author: tractorss

web/src/layout/Header/navbar/Menu/Settings/Notifications/FormContactDetails/EmailVerificationInfo.tsx

@@ -67,7 +67,7 @@ const EmailVerificationInfo: React.FC<IEmailInfo> = ({ toggleIsSettingsOpen }) =
     (e: React.FormEvent<HTMLFormElement>) => {
       e.preventDefault();
       if (!user) return;
-      infoToast(`Sending verfication email ...`);
+      infoToast(`Sending verification email ...`);
       updateEmail({ newEmail: user.email })
         .then(async (res) => {
           if (res) {

web/src/layout/Header/navbar/Menu/Settings/Notifications/FormContactDetails/index.tsx

@@ -69,7 +69,15 @@ const FormContactDetails: React.FC<ISettings> = ({ toggleIsSettingsOpen }) => {
     if (!address) {
       return;
     }
-
+    const handleSuccess = (action: string) => {
+      successToast(`${action} successful!`);
+      toggleIsSettingsOpen();
+    };
+
+    const handleError = (action: string, err: Error) => {
+      console.error(`${action} failed:`, err);
+      errorToast(`${action} failed: ${err?.message || "Unknown error"}`);
+    };
     // if user exists then update email
     if (userExists) {
       if (!isEmailUpdateable) return;
@@ -78,32 +86,16 @@ const FormContactDetails: React.FC<ISettings> = ({ toggleIsSettingsOpen }) => {
       };
       infoToast("Updating email ...");
       updateEmail(data)
-        .then(async (res) => {
-          if (res) {
-            successToast("Email updated successfully!");
-            toggleIsSettingsOpen();
-          }
-        })
-        .catch((err) => {
-          console.log(err);
-          errorToast(`Updating email failed: ${err?.message}`);
-        });
+        .then((res) => res && handleSuccess("Email update"))
+        .catch((err) => handleError("Email update", err));
     } else {
       const data = {
         email: emailInput,
       };
       infoToast("Adding user ...");
       addUser(data)
-        .then(async (res) => {
-          if (res) {
-            successToast("User added successfully!");
-            toggleIsSettingsOpen();
-          }
-        })
-        .catch((err) => {
-          console.log(err);
-          errorToast(`Adding user failed: ${err?.message}`);
-        });
+        .then((res) => res && handleSuccess("User addition"))
+        .catch((err) => handleError("User addition", err));
     }
   };
 

web/src/pages/NewTransaction/NavigationButtons/NextButton.tsx

@@ -94,6 +94,16 @@ const NextButton: React.FC<INextButton> = ({ nextRoute }) => {
       user &&
       ![user.email, ""].includes(notificationEmail)
     ) {
+      const handleSuccess = (action: string) => {
+        successToast(`${action} successful!`);
+        navigate(nextRoute);
+      };
+
+      const handleError = (action: string, err: Error) => {
+        console.error(`${action} failed:`, err);
+        errorToast(`${action} failed: ${err?.message || "Unknown error"}`);
+      };
+
       // if user exists then update email
       if (userExists) {
         if (!isEmailUpdateable) {
@@ -105,32 +115,16 @@ const NextButton: React.FC<INextButton> = ({ nextRoute }) => {
         };
         infoToast("Updating email ...");
         updateEmail(data)
-          .then(async (res) => {
-            if (res) {
-              successToast("Email updated successfully!");
-              navigate(nextRoute);
-            }
-          })
-          .catch((err) => {
-            console.log(err);
-            errorToast(`Updating email failed: ${err?.message}`);
-          });
+          .then((res) => res && handleSuccess("Email update"))
+          .catch((err) => handleError("Email update", err));
       } else {
         const data = {
           email: notificationEmail,
         };
         infoToast("Adding user ...");
         addUser(data)
-          .then(async (res) => {
-            if (res) {
-              successToast("User added successfully!");
-              navigate(nextRoute);
-            }
-          })
-          .catch((err) => {
-            console.log(err);
-            errorToast(`Adding user failed: ${err?.message}`);
-          });
+          .then((res) => res && handleSuccess("User addition"))
+          .catch((err) => handleError("User addition", err));
       }
     } else {
       navigate(nextRoute);