diff options
author | rohan09-raj <rajrohan1914@gmail.com> | 2022-08-18 19:25:08 +0530 |
---|---|---|
committer | rohan09-raj <rajrohan1914@gmail.com> | 2022-08-18 19:25:08 +0530 |
commit | d391caf122fcdf7ff4a9e227748b9a10242b15d6 (patch) | |
tree | f837dcd278a6d6de9adf123b827b2e8b35835221 /client | |
parent | 0a1a985de6e9a53896d2ba17e26d042009b3e1b4 (diff) |
added assets and modal
Diffstat (limited to 'client')
-rw-r--r-- | client/public/assets/audios/document-english.mp3 | bin | 0 -> 7008 bytes | |||
-rw-r--r-- | client/public/assets/audios/document-hindi.mp3 | bin | 0 -> 9792 bytes | |||
-rw-r--r-- | client/public/assets/audios/fingerprint-english.mp3 | bin | 0 -> 8544 bytes | |||
-rw-r--r-- | client/public/assets/audios/fingerprint-hindi.mp3 | bin | 0 -> 13632 bytes | |||
-rw-r--r-- | client/public/assets/audios/iris-english.mp3 | bin | 0 -> 12672 bytes | |||
-rw-r--r-- | client/public/assets/audios/iris-hindi.mp3 | bin | 0 -> 13824 bytes | |||
-rw-r--r-- | client/public/assets/audios/photograph-english.mp3 | bin | 0 -> 14400 bytes | |||
-rw-r--r-- | client/public/assets/audios/photograph-hindi.mp3 | bin | 0 -> 16896 bytes | |||
-rw-r--r-- | client/src/components/Modal/Modal.jsx | 42 | ||||
-rw-r--r-- | client/src/pages/Home/Home.jsx | 2 | ||||
-rw-r--r-- | client/src/pages/Update/Agreement/Agreement.jsx | 2 |
11 files changed, 45 insertions, 1 deletions
diff --git a/client/public/assets/audios/document-english.mp3 b/client/public/assets/audios/document-english.mp3 Binary files differnew file mode 100644 index 0000000..7782d06 --- /dev/null +++ b/client/public/assets/audios/document-english.mp3 diff --git a/client/public/assets/audios/document-hindi.mp3 b/client/public/assets/audios/document-hindi.mp3 Binary files differnew file mode 100644 index 0000000..74d7631 --- /dev/null +++ b/client/public/assets/audios/document-hindi.mp3 diff --git a/client/public/assets/audios/fingerprint-english.mp3 b/client/public/assets/audios/fingerprint-english.mp3 Binary files differnew file mode 100644 index 0000000..4bf56cb --- /dev/null +++ b/client/public/assets/audios/fingerprint-english.mp3 diff --git a/client/public/assets/audios/fingerprint-hindi.mp3 b/client/public/assets/audios/fingerprint-hindi.mp3 Binary files differnew file mode 100644 index 0000000..64b3c9e --- /dev/null +++ b/client/public/assets/audios/fingerprint-hindi.mp3 diff --git a/client/public/assets/audios/iris-english.mp3 b/client/public/assets/audios/iris-english.mp3 Binary files differnew file mode 100644 index 0000000..a7a9b38 --- /dev/null +++ b/client/public/assets/audios/iris-english.mp3 diff --git a/client/public/assets/audios/iris-hindi.mp3 b/client/public/assets/audios/iris-hindi.mp3 Binary files differnew file mode 100644 index 0000000..c8336b8 --- /dev/null +++ b/client/public/assets/audios/iris-hindi.mp3 diff --git a/client/public/assets/audios/photograph-english.mp3 b/client/public/assets/audios/photograph-english.mp3 Binary files differnew file mode 100644 index 0000000..a534ddf --- /dev/null +++ b/client/public/assets/audios/photograph-english.mp3 diff --git a/client/public/assets/audios/photograph-hindi.mp3 b/client/public/assets/audios/photograph-hindi.mp3 Binary files differnew file mode 100644 index 0000000..378c736 --- /dev/null +++ b/client/public/assets/audios/photograph-hindi.mp3 diff --git a/client/src/components/Modal/Modal.jsx b/client/src/components/Modal/Modal.jsx new file mode 100644 index 0000000..312d01e --- /dev/null +++ b/client/src/components/Modal/Modal.jsx @@ -0,0 +1,42 @@ +import React from 'react' +import { Modal, Typography, Box, Button } from '@mui/material' + +const PopUpModal = () => { + const style = { + position: 'absolute', + top: '50%', + left: '50%', + transform: 'translate(-50%, -50%)', + width: 1000, + bgcolor: 'background.paper', + borderRadius: '10px', + boxShadow: 24, + p: 4 + } + const [open, setOpen] = React.useState(false) + const handleOpen = () => setOpen(true) + const handleClose = () => setOpen(false) + + return ( + <> + <Button onClick={handleOpen}>Open modal</Button> + <Modal + open={open} + onClose={handleClose} + aria-labelledby="modal-modal-title" + aria-describedby="modal-modal-description" + > + <Box sx={style}> + <Typography id="modal-modal-title" variant="h6" component="h2"> + Text in a modal + </Typography> + <Typography id="modal-modal-description" sx={{ mt: 2 }}> + Duis mollis, est non commodo luctus, nisi erat porttitor ligula. + </Typography> + </Box> + </Modal> + </> + ) +} + +export default PopUpModal diff --git a/client/src/pages/Home/Home.jsx b/client/src/pages/Home/Home.jsx index 354b2e9..4539120 100644 --- a/client/src/pages/Home/Home.jsx +++ b/client/src/pages/Home/Home.jsx @@ -4,6 +4,7 @@ import { Link } from 'react-router-dom' import Card from '../../components/Card/Card' import Header from '../../components/Header/Header' import LanguageSelect from '../../components/LanguageSelect/LanguageSelect' +import PopUpModal from '../../components/Modal/Modal' import styles from './Home.module.css' const Home = ({ page, setPage }) => { @@ -11,6 +12,7 @@ const Home = ({ page, setPage }) => { return ( <> <Header subheading={t('MERA_AADHAAR_MERI_PEHCHAN')} /> + <PopUpModal /> <LanguageSelect /> <div className={styles.card__container}> <Link to="/enrollment"> diff --git a/client/src/pages/Update/Agreement/Agreement.jsx b/client/src/pages/Update/Agreement/Agreement.jsx index 91dade7..804561b 100644 --- a/client/src/pages/Update/Agreement/Agreement.jsx +++ b/client/src/pages/Update/Agreement/Agreement.jsx @@ -13,7 +13,7 @@ import { updateUser } from '../../../services/apiservice' const Agreement = () => { const { userData } = userContext() - const updateUse = useMutation(() => updateUser(userData._id, ...userData)) + const updateUse = useMutation(() => updateUser(userData._id, { ...userData })) const { t } = useTranslation() return ( |