From 53795fe3153f514e0eda6a01f6e55eeb50c94d46 Mon Sep 17 00:00:00 2001
From: rohan09-raj <rajrohan1914@gmail.com>
Date: Wed, 10 Aug 2022 23:20:20 +0530
Subject: fixed form

---
 client/src/pages/Enrollment/Address/Address.jsx | 26 ++++++++++++++-----------
 client/src/pages/Enrollment/Enrollment.jsx      | 11 +++++++++--
 2 files changed, 24 insertions(+), 13 deletions(-)

(limited to 'client/src/pages/Enrollment')

diff --git a/client/src/pages/Enrollment/Address/Address.jsx b/client/src/pages/Enrollment/Address/Address.jsx
index 132fba1..713c8d9 100644
--- a/client/src/pages/Enrollment/Address/Address.jsx
+++ b/client/src/pages/Enrollment/Address/Address.jsx
@@ -11,10 +11,14 @@ const Address = () => {
 
   const navigate = useNavigate()
 
+  const handleSubmit = () => {
+    navigate('/enrollment/photo')
+  }
+
   return (
     <>
       <Header subheading="Enrollment" />
-      <div className={styles.address}>
+      <form onSubmit={() => handleSubmit()} className={styles.address}>
         <div className={styles.address__container}>
           <Input
             id="houseNo"
@@ -76,16 +80,16 @@ const Address = () => {
             placeholder="Enter your area Pincode"
           />
         </div>
-      </div>
-      <Input
-        id="state"
-        label="State"
-        value={address}
-        type="text"
-        onChange={(e) => setAddress(e.target.value)}
-        placeholder="Enter your State"
-      />
-      <SubmitButton onClick={() => navigate('/enrollment/photo')} />
+        <Input
+          id="state"
+          label="State"
+          value={address}
+          type="text"
+          onChange={(e) => setAddress(e.target.value)}
+          placeholder="Enter your State"
+        />
+        <SubmitButton />
+      </form>
     </>
   )
 }
diff --git a/client/src/pages/Enrollment/Enrollment.jsx b/client/src/pages/Enrollment/Enrollment.jsx
index 98def04..49e9c6e 100644
--- a/client/src/pages/Enrollment/Enrollment.jsx
+++ b/client/src/pages/Enrollment/Enrollment.jsx
@@ -6,11 +6,18 @@ import FormOne from './FormOne/FormOne'
 
 const Enrollment = () => {
   const navigate = useNavigate()
+
+  const handleSubmit = () => {
+    navigate('/enrollment/form2')
+  }
+
   return (
     <>
       <Header subheading="Enrollment" />
-      <FormOne />
-      <SubmitButton onClick={() => navigate('/enrollment/form2')} />
+      <form onSubmit={() => handleSubmit()}>
+        <FormOne />
+        <SubmitButton />
+      </form>
     </>
   )
 }
-- 
cgit