Merge pull request #209 from usdevs/fix/user-control-form-toast

fix: handle errors in user control form
usdevs · Aug 12, 2024 · 2f27ddd · 2f27ddd
2 parents 884a63b + f12089c
commit 2f27ddd
Showing 1 changed file with 27 additions and 21 deletions.
diff --git a/components/admin/users/UserControlForm.tsx b/components/admin/users/UserControlForm.tsx
@@ -39,29 +39,35 @@ function UserControlForm({ users, mutateUsers, mutateOrgs }: UserControlFormProp
       fetchUrl = process.env.NEXT_PUBLIC_BACKEND_URL + `user/${values.id}`
       method = 'PUT'
     }
-    const { responseJson, responseStatus } = await makeFetchToUrlWithAuth(
-      fetchUrl,
-      auth.token,
-      method,
-      JSON.stringify(values),
-    )
 
-    if (responseStatus === 200) {
-      toast(
-        makeSuccessToast(
-          values.id === -1 ? `User created successfully!` : `User edited successfully`,
-        ),
-      )
-      mutateOrgs()
-      mutateUsers()
-      onClose()
-    } else {
-      toast(
-        makeErrorToast(
-          'Oh snap! There was an error when making the user',
-          JSON.stringify(responseJson.message),
-        ),
+    try {
+      const { responseJson, responseStatus } = await makeFetchToUrlWithAuth(
+        fetchUrl,
+        auth.token,
+        method,
+        JSON.stringify(values),
       )
+
+      if (responseStatus === 200) {
+        toast(
+          makeSuccessToast(
+            values.id === -1 ? `User created successfully!` : `User edited successfully`,
+          ),
+        )
+        mutateOrgs()
+        mutateUsers()
+        onClose()
+      } else {
+        toast(
+          makeErrorToast(
+            'Oh snap! There was an error when making the user',
+            JSON.stringify(responseJson.message),
+          ),
+        )
+      }
+    } catch (err) {
+      console.error(err)
+      toast(makeErrorToast('Oh snap! There was an error when making the user', (err as Error).message))
     }
 
     setSubmitting(false)