From d391caf122fcdf7ff4a9e227748b9a10242b15d6 Mon Sep 17 00:00:00 2001
From: rohan09-raj <rajrohan1914@gmail.com>
Date: Thu, 18 Aug 2022 19:25:08 +0530
Subject: added assets and modal

---
 client/src/components/Modal/Modal.jsx           | 42 +++++++++++++++++++++++++
 client/src/pages/Home/Home.jsx                  |  2 ++
 client/src/pages/Update/Agreement/Agreement.jsx |  2 +-
 3 files changed, 45 insertions(+), 1 deletion(-)
 create mode 100644 client/src/components/Modal/Modal.jsx

(limited to 'client/src')

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 (
-- 
cgit