changes and improvements

pages/settings/account.tsx

@@ -80,6 +80,8 @@ export default function Account() {
   const submit = async (password?: string) => {
     setSubmitLoader(true);
 
+    const load = toast.loading(t("applying_settings"));
+
     await updateUser.mutateAsync(
       {
         ...user,
@@ -92,6 +94,20 @@ export default function Account() {
             setEmailChangeVerificationModal(false);
           }
         },
+        onSettled: (data, error) => {
+          toast.dismiss(load);
+
+          if (error) {
+            toast.error(error.message);
+          } else {
+            if (data.response.email !== user.email) {
+              toast.success(t("email_change_request"));
+              setEmailChangeVerificationModal(false);
+            }
+
+            toast.success(t("settings_applied"));
+          }
+        },
       }
     );
 

pages/settings/password.tsx

@@ -24,6 +24,8 @@ export default function Password() {
 
     setSubmitLoader(true);
 
+    const load = toast.loading(t("applying_settings"));
+
     await updateUser.mutateAsync(
       {
         ...account,
@@ -31,9 +33,17 @@ export default function Password() {
         oldPassword,
       },
       {
-        onSuccess: () => {
-          setNewPassword("");
-          setOldPassword("");
+        onSettled: (data, error) => {
+          toast.dismiss(load);
+
+          if (error) {
+            toast.error(error.message);
+          } else {
+            setNewPassword("");
+            setOldPassword("");
+
+            toast.success(t("settings_applied"));
+          }
         },
       }
     );

pages/settings/preference.tsx

@@ -74,7 +74,22 @@ export default function Appearance() {
   const submit = async () => {
     setSubmitLoader(true);
 
-    await updateUser.mutateAsync({ ...user });
+    const load = toast.loading(t("applying_settings"));
+
+    await updateUser.mutateAsync(
+      { ...user },
+      {
+        onSettled: (data, error) => {
+          toast.dismiss(load);
+
+          if (error) {
+            toast.error(error.message);
+          } else {
+            toast.success(t("settings_applied"));
+          }
+        },
+      }
+    );
 
     setSubmitLoader(false);
   };