added useState and made input functional

1 files changed, 24 insertions, 4 deletions

diff --git a/client/src/pages/Enrollment/FormTwo/FormTwo.jsx b/client/src/pages/Enrollment/FormTwo/FormTwo.jsx
index 56bcd70..3ea8447 100644
--- a/client/src/pages/Enrollment/FormTwo/FormTwo.jsx
+++ b/client/src/pages/Enrollment/FormTwo/FormTwo.jsx
@@ -1,15 +1,35 @@
-import React from 'react'
+import React, { useState } from 'react'
+import { useNavigate } from 'react-router-dom'
 import Input from '../../../components/Input/Input'
 import Header from '../../../components/Header/Header'
 import SubmitButton from '../../../components/SubmitButton/SubmitButton'
 
 const FormTwo = () => {
+  const [mobileNumber, setMobileNumber] = useState('')
+  const [email, setEmail] = useState('')
+
+  const navigate = useNavigate()
+
   return (
     <div className="formtwo">
       <Header subheading="Enrollment" />
-      <Input id="mobile" value="Mobile" label="Mobile" type="text" />
-      <Input id="email" value="Email" label="Email" type="email" />
-      <SubmitButton />
+      <Input
+        id="mobile"
+        value={mobileNumber}
+        label="Mobile"
+        type="text"
+        onChange={(e) => setMobileNumber(e.target.value)}
+        placeholder="Enter your Mobile Number"
+      />
+      <Input
+        id="email"
+        value={email}
+        label="Email"
+        type="email"
+        onChange={(e) => setEmail(e.target.value)}
+        placeholder="Enter your Email ID"
+      />
+      <SubmitButton onClick={() => navigate('/enrollment/address')} />
     </div>
   )
 }