diff options
Diffstat (limited to 'client/src/pages/Enrollment/FormOne')
| -rw-r--r-- | client/src/pages/Enrollment/FormOne/FormOne.jsx | 23 | ||||
| -rw-r--r-- | client/src/pages/Enrollment/FormOne/FormOne.module.css | 2 |
2 files changed, 24 insertions, 1 deletions
diff --git a/client/src/pages/Enrollment/FormOne/FormOne.jsx b/client/src/pages/Enrollment/FormOne/FormOne.jsx index f601921..3fd5a21 100644 --- a/client/src/pages/Enrollment/FormOne/FormOne.jsx +++ b/client/src/pages/Enrollment/FormOne/FormOne.jsx @@ -5,6 +5,7 @@ import Input from '../../../components/Input/Input' import LabelCard from '../../../components/LabelCard/LabelCard' import styles from './FormOne.module.css' import { userContext } from '../../../context/User' +import PopUpModal from '../../../components/Modal/Modal' const FormOne = () => { const { t } = useTranslation() @@ -33,6 +34,28 @@ const FormOne = () => { return ( <> <Header subheading={t('ENROLLMENT')} /> + <PopUpModal + title="Fill your information" + image={`${process.env.PUBLIC_URL}/assets/images/id.svg`} + description={ + <> + <ul> + <li className="list__item"> + Select your residency by selecting the appropriate checkbox + </li> + <li className="list__item"> + Enter your full name without any title or salutation + </li> + <li className="list__item"> + Select your gender by clicking on the appropriate card + </li> + <li className="list__item"> + Select your date of birth from the provided calender + </li> + </ul> + </> + } + /> <div className={styles.formone}> <div className={styles.formone__radio}> <span className={styles.formone__resident}> diff --git a/client/src/pages/Enrollment/FormOne/FormOne.module.css b/client/src/pages/Enrollment/FormOne/FormOne.module.css index fae8e9f..646ea12 100644 --- a/client/src/pages/Enrollment/FormOne/FormOne.module.css +++ b/client/src/pages/Enrollment/FormOne/FormOne.module.css @@ -45,7 +45,7 @@ } .formone__dob_input { - width: 300px; + width: 330px; margin: 10px 0px; padding: 11px 10px; border: 3px solid; |