feat: set form mode to "onChange" for improved validation in various …

…hooks
Trustless-Work · Feb 19, 2025 · 756fd8e · 756fd8e
1 parent a992e64
commit 756fd8e
Show file tree

Hide file tree

Showing 8 changed files with 8 additions and 0 deletions.
diff --git a/src/components/modules/contact/hooks/contact.hook.ts b/src/components/modules/contact/hooks/contact.hook.ts
@@ -23,6 +23,7 @@ export const useContact = () => {
       email: "",
       address: "",
     },
+    mode: "onChange",
   });
 
   const onSubmit = async (payload: z.infer<typeof formSchema>) => {

diff --git a/src/components/modules/escrow/hooks/initialize-escrow.hook.ts b/src/components/modules/escrow/hooks/initialize-escrow.hook.ts
@@ -66,6 +66,7 @@ export const useInitializeEscrow = () => {
       disputeResolver: "",
       milestones: [{ description: "" }],
     },
+    mode: "onChange",
   });
 
   // Load stored form data when component mounts

diff --git a/src/components/modules/escrow/ui/dialogs/hooks/edit-milestones-dialog.hook.ts b/src/components/modules/escrow/ui/dialogs/hooks/edit-milestones-dialog.hook.ts
@@ -41,6 +41,7 @@ const useEditMilestonesDialog = ({
     defaultValues: {
       milestones: selectedEscrow?.milestones || [{ description: "" }],
     },
+    mode: "onChange",
   });
 
   const milestones: Milestone[] = form.watch("milestones");

diff --git a/src/components/modules/escrow/ui/dialogs/hooks/fund-escrow-dialog.hook.ts b/src/components/modules/escrow/ui/dialogs/hooks/fund-escrow-dialog.hook.ts
@@ -39,6 +39,7 @@ const useFundEscrowDialog = ({
     defaultValues: {
       amount: "",
     },
+    mode: "onChange",
   });
 
   const onSubmit = async (payload: z.infer<typeof formSchema>) => {

diff --git a/src/components/modules/escrow/ui/dialogs/hooks/resolve-dispute-escrow-dialog.hook.ts b/src/components/modules/escrow/ui/dialogs/hooks/resolve-dispute-escrow-dialog.hook.ts
@@ -50,6 +50,7 @@ const useResolveDisputeEscrowDialog = ({
       approverFunds: "",
       serviceProviderFunds: "",
     },
+    mode: "onChange",
   });
 
   const onSubmit = async (payload: ResolveDisputePayload) => {

diff --git a/src/components/modules/report-issue/hooks/send-report-issue.hook.ts b/src/components/modules/report-issue/hooks/send-report-issue.hook.ts
@@ -25,6 +25,7 @@ export const useSendReportIssue = () => {
       email: "",
       description: "",
     },
+    mode: "onChange",
   });
 
   const onSubmit = async (payload: z.infer<typeof formSchema>) => {

diff --git a/src/components/modules/setting/hooks/preferences-section.hook.ts b/src/components/modules/setting/hooks/preferences-section.hook.ts
@@ -17,6 +17,7 @@ const usePreferences = ({ onSave }: usePreferencesProps) => {
     defaultValues: {
       saveEscrow: loggedUser?.saveEscrow || true,
     },
+    mode: "onChange",
   });
 
   const saveEscrow = form.watch("saveEscrow");

diff --git a/src/components/modules/setting/hooks/profile-section.hook.ts b/src/components/modules/setting/hooks/profile-section.hook.ts
@@ -31,6 +31,7 @@ const useProfile = ({ onSave }: useProfileProps) => {
       useCase: loggedUser?.useCase || "",
       profileImage: loggedUser?.profileImage || "",
     },
+    mode: "onChange",
   });
 
   const onSubmit = (data: UserPayload) => {