use base ui toast

web/app/components/base/form/hooks/__tests__/use-check-validated.spec.ts

@@ -5,10 +5,8 @@ import { useCheckValidated } from '../use-check-validated'
 
 const mockNotify = vi.fn()
 
-vi.mock('@/app/components/base/toast/context', () => ({
-  useToastContext: () => ({
-    notify: mockNotify,
-  }),
+vi.mock('@/app/components/base/ui/toast', () => ({
+
 }))
 
 describe('useCheckValidated', () => {

web/app/components/base/form/hooks/use-check-validated.ts

@@ -1,15 +1,12 @@
 import type { AnyFormApi } from '@tanstack/react-form'
 import type { FormSchema } from '@/app/components/base/form/types'
 import { useCallback } from 'react'
-import { useToastContext } from '@/app/components/base/toast/context'
+import { toast } from '@/app/components/base/ui/toast'
 
 export const useCheckValidated = (form: AnyFormApi, FormSchemas: FormSchema[]) => {
-  const { notify } = useToastContext()
-
   const checkValidated = useCallback(() => {
     const allError = form?.getAllErrors()
     const values = form.state.values
-
     if (allError) {
       const fields = allError.fields
       const errorArray = Object.keys(fields).reduce((acc: string[], key: string) => {
@@ -24,24 +21,16 @@ export const useCheckValidated = (form: AnyFormApi, FormSchemas: FormSchema[]) =
           return conditionValue === condition.value
         })
         const errors: any[] = show ? fields[key].errors : []
-
         return [...acc, ...errors]
       }, [] as string[])
-
       if (errorArray.length) {
-        notify({
-          type: 'error',
-          message: errorArray[0],
-        })
+        toast.error(errorArray[0])
         return false
       }
-
       return true
     }
-
     return true
-  }, [form, notify, FormSchemas])
-
+  }, [form, FormSchemas])
   return {
     checkValidated,
   }