enrollment improvements

1 files changed, 33 insertions, 31 deletions

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