chore: show toasts and error handling

opengovsg · Jan 30, 2024 · a3a296d · a3a296d
1 parent dfa9bcd
commit a3a296d
Showing 1 changed file with 39 additions and 2 deletions.
diff --git a/frontend/src/features/admin-form/assistance/mutations.ts b/frontend/src/features/admin-form/assistance/mutations.ts
@@ -11,6 +11,7 @@ import {
 import { parseModelOutput } from '~features/admin-form/assistance/utils'
 import { useCreateFormField } from '~features/admin-form/create/builder-and-design/mutations/useCreateFormField'
 
+import { useToast } from '../../../hooks/useToast'
 import { adminFormKeys } from '../common/queries'
 import { MagicFormBuilderModalOnCloseContext } from '../create/builder-and-design/BuilderAndDesignContent/FormBuilder'
 
@@ -22,6 +23,8 @@ export const useAssistanceMutations = () => {
     throw new Error('Form ID is required')
   }
 
+  const toast = useToast({ status: 'success', isClosable: true })
+
   const queryClient = useQueryClient()
 
   const onCloseContext = useContext(MagicFormBuilderModalOnCloseContext)
@@ -35,12 +38,29 @@ export const useAssistanceMutations = () => {
       .then((data) => {
         let formFields
         if (data.content) {
-          formFields = JSON.parse(parseModelOutput(data.content))
+          try {
+            formFields = JSON.parse(parseModelOutput(data.content))
+          } catch (e) {
+            toast({
+              title: `Error creating form. Reason: ${e}`,
+              status: 'warning',
+            })
+            return
+          }
         }
         return createFieldsMutation.mutate(formFields, {
           onSuccess: () => {
             queryClient.invalidateQueries(adminFormKeys.id(formId))
             onClose()
+            toast({
+              title: 'Successfully created form',
+            })
+          },
+          onError: () => {
+            toast({
+              title: 'Error creating form.',
+              status: 'warning',
+            })
           },
         })
       }),
@@ -50,12 +70,29 @@ export const useAssistanceMutations = () => {
     generateFormFields(ContentTypes.PDF, pdfContent).then((data) => {
       let formFields
       if (data.content) {
-        formFields = JSON.parse(parseModelOutput(data.content))
+        try {
+          formFields = JSON.parse(parseModelOutput(data.content))
+        } catch (e) {
+          toast({
+            title: `Error creating form. Reason: ${e}`,
+            status: 'warning',
+          })
+          return
+        }
       }
       return createFieldsMutation.mutate(formFields, {
         onSuccess: () => {
           queryClient.invalidateQueries(adminFormKeys.id(formId))
           onClose()
+          toast({
+            title: 'Successfully created form',
+          })
+        },
+        onError: () => {
+          toast({
+            title: 'Error creating form.',
+            status: 'warning',
+          })
         },
       })
     }),