fix: loading indicator not working for some forms (#82)

* feat: use async handler

* chore: remove console log

Author: G3root

src/components/onboarding/company.tsx

@@ -75,8 +75,10 @@ const OnboardingCompany = ({ currentUser }: OnboardingCompanyProps) => {
   });
 
   // 2. Define a submit handler.
-  function onSubmit(values: TypeZodOnboardingMutationSchema) {
-    mutation.mutate(values);
+  async function onSubmit(values: TypeZodOnboardingMutationSchema) {
+    try {
+      await mutation.mutateAsync(values);
+    } catch (error) {}
   }
 
   const isSubmitting = form.formState.isSubmitting;

src/components/stakeholder/member-modal.tsx

@@ -104,13 +104,18 @@ const MemberModal = ({
 
   const isSubmitting = form.formState.isSubmitting;
 
-  async function onSubmit(values: TypeZodInviteMemberMutationSchema) {
-    if (rest.isEditMode) {
-      updateMember.mutate({ ...values, membershipId: rest.membershipId });
-    } else {
-      inviteMember.mutate(values);
-    }
-  }
+  const onSubmit = async (values: TypeZodInviteMemberMutationSchema) => {
+    try {
+      if (rest.isEditMode) {
+        await updateMember.mutateAsync({
+          ...values,
+          membershipId: rest.membershipId,
+        });
+      } else {
+        await inviteMember.mutateAsync(values);
+      }
+    } catch (error) {}
+  };
 
   return (
     <Modal
@@ -119,7 +124,10 @@ const MemberModal = ({
       trigger={children}
       dialogProps={{
         open,
-        onOpenChange: setOpen,
+        onOpenChange: (val) => {
+          setOpen(val);
+          form.reset();
+        },
       }}
     >
       <Form {...form}>