diff options
Diffstat (limited to 'client/src/pages/Update/BiometricSelect/BiometricSelect.jsx')
| -rw-r--r-- | client/src/pages/Update/BiometricSelect/BiometricSelect.jsx | 17 |
1 files changed, 17 insertions, 0 deletions
diff --git a/client/src/pages/Update/BiometricSelect/BiometricSelect.jsx b/client/src/pages/Update/BiometricSelect/BiometricSelect.jsx index b7be260..a942aef 100644 --- a/client/src/pages/Update/BiometricSelect/BiometricSelect.jsx +++ b/client/src/pages/Update/BiometricSelect/BiometricSelect.jsx @@ -3,6 +3,7 @@ import Header from '../../../components/Header/Header' import BiometricCard from '../../../components/BiometricCard/BiometricCard' import SubmitButton from '../../../components/SubmitButton/SubmitButton' import { Link } from 'react-router-dom' +import PopUpModal from '../../../components/Modal/Modal' import { useTranslation } from 'react-i18next' const BiometricSelect = ({ page, setPage }) => { @@ -10,6 +11,22 @@ const BiometricSelect = ({ page, setPage }) => { return ( <> <Header subheading={t('UPDATE')} /> + <PopUpModal + title="Select the option to be edited" + image={`${process.env.PUBLIC_URL}/assets/images/biometrics.svg`} + description={ + <> + <ul> + <li className="list__item"> + Click on the edit button to update the required biometrics + </li> + <li className="list__item"> + You can edit your Photograph/Fingerprints/Iris Scans + </li> + </ul> + </> + } + /> <BiometricCard label={t('PHOTOGRAPH')} onclick={() => setPage(0)} /> <BiometricCard label={t('FINGERPRINT_SCAN')} onclick={() => setPage(1)} /> <BiometricCard label={t('IRIS_SCAN')} onclick={() => setPage(2)} /> |