fixed form

3 files changed, 26 insertions, 15 deletions

diff --git a/client/src/components/SubmitButton/SubmitButton.jsx b/client/src/components/SubmitButton/SubmitButton.jsx
index 567d923..e1ba305 100644
--- a/client/src/components/SubmitButton/SubmitButton.jsx
+++ b/client/src/components/SubmitButton/SubmitButton.jsx
@@ -1,10 +1,10 @@
 import React from 'react'
 import styles from './SubmitButton.module.css'
 
-const SubmitButton = ({ onClick }) => {
+const SubmitButton = () => {
   return (
     <>
-      <button onClick={onClick} className={styles.submit}>
+      <button className={styles.submit} type="submit">
         <img
           className={styles.submit__image}
           src={`${process.env.PUBLIC_URL}/assets/images/white-check.svg`}
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>
     </>
   )
 }