Add toast notifications for profile update

proofzero · Dec 11, 2023 · e995215 · e995215
1 parent a5c4dc9
commit e995215
Show file tree

Hide file tree

Showing 3 changed files with 42 additions and 11 deletions.
diff --git a/apps/passport/app/components/EditProfileModal/index.tsx b/apps/passport/app/components/EditProfileModal/index.tsx
@@ -9,6 +9,7 @@ import { Input } from '@proofzero/design-system/src/atoms/form/Input'
 import { captureFormSubmitAndReplaceImages } from '@proofzero/design-system/src/utils/form-cf-images'
 import { Loader } from '@proofzero/design-system/src/molecules/loader/Loader'
 import { HiOutlineUpload } from 'react-icons/hi'
+import { ToastType, toast } from '@proofzero/design-system/src/atoms/toast'
 
 const EditProfileModal: React.FC<{
   isOpen: boolean
@@ -26,6 +27,16 @@ const EditProfileModal: React.FC<{
   useEffect(() => {
     if (fetcher.state === 'idle' && fetcher.type === 'done') {
       setIsOpen(false)
+
+      if (!fetcher.data?.error) {
+        toast(ToastType.Success, {
+          message: fetcher.data.message,
+        })
+      } else if (fetcher.data?.error) {
+        toast(ToastType.Error, {
+          message: fetcher.data.message,
+        })
+      }
     }
   }, [fetcher])
 

diff --git a/apps/passport/app/routes/settings/profile/patch.tsx b/apps/passport/app/routes/settings/profile/patch.tsx
@@ -1,4 +1,4 @@
-import type { ActionFunction } from '@remix-run/cloudflare'
+import { json, type ActionFunction } from '@remix-run/cloudflare'
 import { getCoreClient } from '~/platform.server'
 import { getValidatedSessionContext } from '~/session.server'
 import { getRollupReqFunctionErrorWrapper } from '@proofzero/utils/errors'
@@ -16,12 +16,22 @@ export const action: ActionFunction = getRollupReqFunctionErrorWrapper(
     const name = formData.get('name') as string | undefined
     const picture = formData.get('picture') as string | undefined
 
-    const coreClient = getCoreClient({ context, jwt })
-    await coreClient.identity.patchProfileFields.mutate({
-      displayName: name,
-      pictureURL: picture,
-    })
+    try {
+      const coreClient = getCoreClient({ context, jwt })
+      await coreClient.identity.patchProfileFields.mutate({
+        displayName: name,
+        pictureURL: picture,
+      })
+    } catch (ex) {
+      return json({
+        error: true,
+        message: 'Profile update unsuccessful',
+      })
+    }
 
-    return null
+    return json({
+      error: false,
+      message: 'Profile updated successfully',
+    })
   }
 )
diff --git a/apps/passport/app/routes/settings/profile/reset.tsx b/apps/passport/app/routes/settings/profile/reset.tsx
@@ -1,4 +1,4 @@
-import type { ActionFunction } from '@remix-run/cloudflare'
+import { json, type ActionFunction } from '@remix-run/cloudflare'
 import { getCoreClient } from '~/platform.server'
 import { getValidatedSessionContext } from '~/session.server'
 import { getRollupReqFunctionErrorWrapper } from '@proofzero/utils/errors'
@@ -12,9 +12,19 @@ export const action: ActionFunction = getRollupReqFunctionErrorWrapper(
       context.traceSpan
     )
 
-    const coreClient = getCoreClient({ context, jwt })
-    await coreClient.identity.resetProfileFields.mutate()
+    try {
+      const coreClient = getCoreClient({ context, jwt })
+      await coreClient.identity.resetProfileFields.mutate()
+    } catch (ex) {
+      return json({
+        error: true,
+        message: 'Profile update unsuccessful',
+      })
+    }
 
-    return null
+    return json({
+      error: false,
+      message: 'Profile updated successfully',
+    })
   }
 )