From ce40b4240d7d23d4a6817dea1a6bc45546419718 Mon Sep 17 00:00:00 2001
From: Blaster4385 <venkateshchaturvedi12@gmail.com>
Date: Thu, 25 Aug 2022 22:57:19 +0530
Subject: Kaand number 2

---
 client/src/pages/Update/Address/Address.jsx        | 11 ++---
 client/src/pages/Update/Address/Address.module.css |  4 ++
 .../Update/DocumentScanner/DocumentScanner.jsx     |  6 +--
 .../DocumentScanner/DocumentScanner.module.css     |  8 ++++
 client/src/pages/Update/FormOne/FormOne.jsx        | 49 +++++++++++++++-------
 client/src/pages/Update/FormOne/FormOne.module.css |  8 ++++
 6 files changed, 62 insertions(+), 24 deletions(-)

(limited to 'client/src/pages/Update')

diff --git a/client/src/pages/Update/Address/Address.jsx b/client/src/pages/Update/Address/Address.jsx
index 39d3f13..ad0c023 100644
--- a/client/src/pages/Update/Address/Address.jsx
+++ b/client/src/pages/Update/Address/Address.jsx
@@ -29,11 +29,12 @@ const Address = () => {
   const customStyles = {
     control: (base) => ({
       ...base,
-      width: '330px',
-      height: '60px',
+      width: '500px',
+      height: '80px',
       margin: '10px 0px',
       border: '3px solid',
-      borderRadius: '10px !important'
+      borderRadius: '10px !important',
+      fontSize: '1.5rem'
     }),
     input: (base) => ({
       ...base,
@@ -106,7 +107,7 @@ const Address = () => {
             placeholder={t('ENTER_YOUR_VILLAGE_TOWN')}
           />
           <div className={styles.input__container}>
-            <label htmlFor="state">{t('STATE')}</label>
+            <label className={styles.label} htmlFor="state">{t('STATE')}</label>
             <div className={styles.input__edit}>
               <Select
                 id="state"
@@ -167,7 +168,7 @@ const Address = () => {
             placeholder={t('ENTER_YOUR_AREA_POST_OFFICE')}
           />
           <div className={styles.input__container}>
-            <label htmlFor="city">{t('DISTRICT')}</label>
+            <label className={styles.label} htmlFor="city">{t('DISTRICT')}</label>
             <div className={styles.input__edit}>
               <Select
                 id="city"
diff --git a/client/src/pages/Update/Address/Address.module.css b/client/src/pages/Update/Address/Address.module.css
index ccaca08..0a5198f 100644
--- a/client/src/pages/Update/Address/Address.module.css
+++ b/client/src/pages/Update/Address/Address.module.css
@@ -20,3 +20,7 @@
   display: flex;
   flex-direction: row;
 }
+
+.label {
+  font-size: 1.75rem;
+}
\ No newline at end of file
diff --git a/client/src/pages/Update/DocumentScanner/DocumentScanner.jsx b/client/src/pages/Update/DocumentScanner/DocumentScanner.jsx
index e4bffc9..4ee8a0a 100644
--- a/client/src/pages/Update/DocumentScanner/DocumentScanner.jsx
+++ b/client/src/pages/Update/DocumentScanner/DocumentScanner.jsx
@@ -243,14 +243,14 @@ const DocumentScanner = () => {
           </Stepper>
           {activeStep === steps.length ? (
             steps.length === 0 ? (
-              <>
+              <div className={styles.typo__container}>
                 <Typography variant="h4" sx={{ mt: 8, mb: 1 }}>
                   {t("YOU_HAVEN'T_UPDATED_ANYTHING")}
                 </Typography>
-                <Typography variant="h4" sx={{ mt: 8, mb: 1 }}>
+                <Typography variant="h4" sx={{ mb: 1 }}>
                   {t('YOU_MAY_EITHER_UPDATE_OR_MOVE_TO_NEXT_STEP')}
                 </Typography>
-              </>
+              </div>
             ) : (
               <Typography variant="h3" sx={{ mt: 8, mb: 1 }}>
                 {t('ALL_STEPS_COMPLETED')}
diff --git a/client/src/pages/Update/DocumentScanner/DocumentScanner.module.css b/client/src/pages/Update/DocumentScanner/DocumentScanner.module.css
index f73d192..87c9380 100644
--- a/client/src/pages/Update/DocumentScanner/DocumentScanner.module.css
+++ b/client/src/pages/Update/DocumentScanner/DocumentScanner.module.css
@@ -48,3 +48,11 @@
   display: flex;
   align-items: center;
 }
+
+.typo__container {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  flex-direction: column;
+  margin-top: 180px;
+}
\ No newline at end of file
diff --git a/client/src/pages/Update/FormOne/FormOne.jsx b/client/src/pages/Update/FormOne/FormOne.jsx
index fc7ec1c..730f2cd 100644
--- a/client/src/pages/Update/FormOne/FormOne.jsx
+++ b/client/src/pages/Update/FormOne/FormOne.jsx
@@ -7,6 +7,10 @@ import Gender from '../../../components/Gender/Gender'
 import { useTranslation } from 'react-i18next'
 import { userContext } from '../../../context/User'
 import PopUpModal from '../../../components/Modal/Modal'
+import { MobileDatePicker } from '@mui/x-date-pickers/MobileDatePicker'
+import { TextField } from '@mui/material'
+import { AdapterMoment } from '@mui/x-date-pickers/AdapterMoment'
+import { LocalizationProvider } from '@mui/x-date-pickers/LocalizationProvider'
 
 const FormOne = () => {
   const { userData, setUserData } = userContext()
@@ -78,23 +82,36 @@ const FormOne = () => {
         />
 
         <div className={styles.formone__dob}>
-          <label htmlFor="dob">{t('DATE_OF_BIRTH')}</label>
+          <label className={styles.label} htmlFor="dob">{t('DATE_OF_BIRTH')}</label>
           <div className={styles.input__edit}>
-            <input
-              className={styles.formone__dob_input}
-              type="date"
-              id="dob"
-              name="dob"
-              value={userData?.dob}
-              readOnly={editable}
-              onChange={(e) => {
-                setUserData({
-                  ...userData,
-                  dob: e.target.value
-                })
-              }}
-              required
-            />
+          <div style={{ marginBlock: '20px' }}>
+          <div style={{ marginRight: '160px' }}>
+          <LocalizationProvider dateAdapter={AdapterMoment}>
+              <MobileDatePicker
+                inputFormat="MM/DD/yyyy"
+                value={userData.dob}
+                className={styles.dob}
+                disabled={editable}
+                onChange={(e) => {
+                  setUserData({
+                    ...userData,
+                    dob: e
+                  })
+                }}
+                renderInput={(params) => <TextField
+                  placeholder="MM/DD/YYYY" sx={{
+                    '& fieldset': {
+                      width: '500px',
+                      height: '80px',
+                      border: '3px solid !important',
+                      borderRadius: '10px',
+                      fontSize: '1.75rem !important'
+                    }
+                  }} {...params} />}
+              />
+            </LocalizationProvider>
+            </div>
+            </div>
             <EditButton onClick={handleEdit} enabled={!editable ? '1' : '0'} />
           </div>
         </div>
diff --git a/client/src/pages/Update/FormOne/FormOne.module.css b/client/src/pages/Update/FormOne/FormOne.module.css
index e0cff0e..e186de8 100644
--- a/client/src/pages/Update/FormOne/FormOne.module.css
+++ b/client/src/pages/Update/FormOne/FormOne.module.css
@@ -45,3 +45,11 @@
   display: flex;
   flex-direction: row;
 }
+
+.dob {
+  border : none;
+}
+
+.label {
+  font-size: 1.75rem;
+}
\ No newline at end of file
-- 
cgit