fix: signup button loader issue without email and password input (#1258)

ngoworldcommunity · Oct 2, 2024 · d2ca2d1 · d2ca2d1
1 parent 059e59c
commit d2ca2d1
Showing 1 changed file with 12 additions and 3 deletions.
diff --git a/src/pages/auth/SignUp.jsx b/src/pages/auth/SignUp.jsx
@@ -11,19 +11,28 @@ import { Button } from "../../components/shared";
 import { useAuth } from "../../hooks/useAuth";
 import { GoogleAuth } from "../../service/MilanApi";
 import "./index.scss";
+import { zodResolver } from "@hookform/resolvers/zod";
+import { AuthSchema } from "../../constants";
 
 const SignUp = () => {
+  // Auth type state
+  const [activeAuthType, setActiveAuthType] = useState("individual");
+
   // Form setup
   const {
     register,
     handleSubmit,
     formState: { errors },
-  } = useForm();
+  } = useForm({
+    resolver: zodResolver(
+      activeAuthType === "individual"
+        ? AuthSchema.individualSignUpSchema
+        : AuthSchema.clubSignUpSchema,
+    ),
+  });
 
   const navigate = useNavigate();
 
-  // Auth type state
-  const [activeAuthType, setActiveAuthType] = useState("individual");
   const authTypeOptions = [
     { value: "individual", label: "Individual (Person)" },
     { value: "club", label: "Organization (Charity/Club/NGO)" },