fixed form

2 files changed, 24 insertions, 13 deletions

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>
     </>
   )
 }