diff options
Diffstat (limited to 'client/src/pages/Update')
6 files changed, 62 insertions, 24 deletions
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 |