diff options
author | rohan09-raj <[email protected]> | 2022-08-21 20:05:34 +0530 |
---|---|---|
committer | rohan09-raj <[email protected]> | 2022-08-21 20:05:34 +0530 |
commit | 02936bcdabb5e2550b12fa94d435fdbcff348f71 (patch) | |
tree | 6bfe880a07686c4b4183f42a936697bc5c7926d8 /client/src/pages/Home/Home.jsx | |
parent | a49c7aefc99a1e0584cb0b3fb08d028b65dc35d9 (diff) |
added modal
Diffstat (limited to 'client/src/pages/Home/Home.jsx')
-rw-r--r-- | client/src/pages/Home/Home.jsx | 12 |
1 files changed, 10 insertions, 2 deletions
diff --git a/client/src/pages/Home/Home.jsx b/client/src/pages/Home/Home.jsx index 7f1fe04..4c9d620 100644 --- a/client/src/pages/Home/Home.jsx +++ b/client/src/pages/Home/Home.jsx @@ -3,7 +3,7 @@ import { useTranslation } from 'react-i18next' import { Link } from 'react-router-dom' import Card from '../../components/Card/Card' import Header from '../../components/Header/Header' -import PopUpModal from '../../components/Modal/Modal' +import ExtendedPopUpModal from '../../components/Modal/ExtendedModal' import styles from './Home.module.css' const Home = ({ page, setPage }) => { @@ -11,7 +11,15 @@ const Home = ({ page, setPage }) => { return ( <> <Header subheading={t('MERA_AADHAAR_MERI_PEHCHAN')} /> - <PopUpModal title={t('FORM_ONE')} /> + <ExtendedPopUpModal + title="Choose the appropriate card" + description1="For enrollment of new Aadhaar card" + image1={`${process.env.PUBLIC_URL}/assets/images/enrollment.svg`} + description2="For updation of details of existing Aadhaar card holders" + image2={`${process.env.PUBLIC_URL}/assets/images/update.svg`} + description3="For checking the status of Aadhaar card enrollment and update requests" + image3={`${process.env.PUBLIC_URL}/assets/images/status.svg`} + /> <div className={styles.card__container}> <Link to="/enrollment"> <Card |