diff options
Diffstat (limited to 'client/src/pages')
-rw-r--r-- | client/src/pages/Home/Home.jsx | 38 |
1 files changed, 19 insertions, 19 deletions
diff --git a/client/src/pages/Home/Home.jsx b/client/src/pages/Home/Home.jsx index 9771877..9370c9f 100644 --- a/client/src/pages/Home/Home.jsx +++ b/client/src/pages/Home/Home.jsx @@ -1,6 +1,6 @@ import React from 'react' import { useTranslation } from 'react-i18next' -import { Link } from 'react-router-dom' +import { useNavigate } from 'react-router-dom' import Card from '../../components/Card/Card' import Header from '../../components/Header/Header' import ExtendedPopUpModal from '../../components/Modal/ExtendedModal' @@ -8,6 +8,8 @@ import styles from './Home.module.css' const Home = ({ page, setPage }) => { const { t } = useTranslation() + const navigate = useNavigate() + return ( <> <Header subheading={t('MERA_AADHAAR_MERI_PEHCHAN')} /> @@ -21,24 +23,22 @@ const Home = ({ page, setPage }) => { image3={`${process.env.PUBLIC_URL}/assets/images/status.svg`} /> <div className={styles.card__container}> - <Link to="/enrollment"> - <Card - title={t('ENROLLMENT')} - image={`${process.env.PUBLIC_URL}/assets/images/enrollment.svg`} - /> - </Link> - <Link to="/update"> - <Card - title={t('UPDATE')} - image={`${process.env.PUBLIC_URL}/assets/images/update.svg`} - /> - </Link> - <Link to="/status"> - <Card - title={t('CHECK_STATUS')} - image={`${process.env.PUBLIC_URL}/assets/images/status.svg`} - /> - </Link> + <Card + onClick={() => navigate('/enrollment')} + title={t('ENROLLMENT')} + image={`${process.env.PUBLIC_URL}/assets/images/enrollment.svg`} + /> + + <Card + onClick={() => navigate('/update')} + title={t('UPDATE')} + image={`${process.env.PUBLIC_URL}/assets/images/update.svg`} + /> + <Card + onClick={() => navigate('/status')} + title={t('CHECK_STATUS')} + image={`${process.env.PUBLIC_URL}/assets/images/status.svg`} + /> </div> </> ) |