From 1926a54d1f7b8bc1ed690aaf8e3b679b41edce7b Mon Sep 17 00:00:00 2001
From: rohan09-raj <rajrohan1914@gmail.com>
Date: Sat, 20 Aug 2022 21:52:57 +0530
Subject: enrollment improvements

---
 client/src/pages/Enrollment/FormTwo/FormTwo.jsx | 64 +++++++++++++------------
 1 file changed, 33 insertions(+), 31 deletions(-)

(limited to 'client/src/pages/Enrollment/FormTwo/FormTwo.jsx')

diff --git a/client/src/pages/Enrollment/FormTwo/FormTwo.jsx b/client/src/pages/Enrollment/FormTwo/FormTwo.jsx
index 05ad075..0bce4bc 100644
--- a/client/src/pages/Enrollment/FormTwo/FormTwo.jsx
+++ b/client/src/pages/Enrollment/FormTwo/FormTwo.jsx
@@ -1,44 +1,46 @@
 import React from 'react'
+import { useTranslation } from 'react-i18next'
 import Input from '../../../components/Input/Input'
 import Header from '../../../components/Header/Header'
-import SubmitButton from '../../../components/SubmitButton/SubmitButton'
-import { useTranslation } from 'react-i18next'
 import { userContext } from '../../../context/User'
 
+import styles from './FormTwo.module.css'
+
 const FormTwo = () => {
   const { t } = useTranslation()
   const { userData, setUserData } = userContext()
   return (
-    <div className="formtwo">
+    <>
       <Header subheading={t('ENROLLMENT')} />
-      <Input
-        id="mobile"
-        value={userData.mobile}
-        label={t('MOBILE')}
-        type="text"
-        onChange={(e) => {
-          setUserData({
-            ...userData,
-            mobile: e.target.value
-          })
-        }}
-        placeholder={t('ENTER_YOUR_MOBILE_NUMBER')}
-      />
-      <Input
-        id="email"
-        value={userData.email}
-        label={t('EMAIL')}
-        type="email"
-        onChange={(e) => {
-          setUserData({
-            ...userData,
-            email: e.target.value
-          })
-        }}
-        placeholder={t('ENTER_YOUR_EMAIL_ID')}
-      />
-      <SubmitButton />
-    </div>
+      <div className={styles.formtwo__input}>
+        <Input
+          id="mobile"
+          value={userData.mobile}
+          label={t('MOBILE')}
+          type="text"
+          onChange={(e) => {
+            setUserData({
+              ...userData,
+              mobile: e.target.value
+            })
+          }}
+          placeholder={t('ENTER_YOUR_MOBILE_NUMBER')}
+        />
+        <Input
+          id="email"
+          value={userData.email}
+          label={t('EMAIL')}
+          type="email"
+          onChange={(e) => {
+            setUserData({
+              ...userData,
+              email: e.target.value
+            })
+          }}
+          placeholder={t('ENTER_YOUR_EMAIL_ID')}
+        />
+      </div>
+    </>
   )
 }
 
-- 
cgit 

