From 308814145116187faa4e48423f4492a14e18e228 Mon Sep 17 00:00:00 2001
From: Amit Roy <amit.roy@sentientgeeks.com>
Date: Wed, 7 Aug 2024 11:26:18 +0530
Subject: [PATCH] style: review modal

---
 src/app/(dashboard)/review/page.tsx         | 46 +++++++++++++++++++++
 src/components/wrapper/dashboardWrapper.tsx |  6 ++-
 2 files changed, 51 insertions(+), 1 deletion(-)
 create mode 100644 src/app/(dashboard)/review/page.tsx

diff --git a/src/app/(dashboard)/review/page.tsx b/src/app/(dashboard)/review/page.tsx
new file mode 100644
index 0000000..e9c24ca
--- /dev/null
+++ b/src/app/(dashboard)/review/page.tsx
@@ -0,0 +1,46 @@
+"use client";
+import React, { useState } from "react";
+import Box from "@mui/material/Box";
+import Button from "@mui/material/Button";
+import Typography from "@mui/material/Typography";
+import Modal from "@mui/material/Modal";
+
+const style = {
+  position: "absolute" as "absolute",
+  top: "50%",
+  left: "50%",
+  transform: "translate(-50%, -50%)",
+  width: 400,
+  bgcolor: "background.paper",
+  border: "none",
+  boxShadow: 24,
+  p: 4,
+};
+
+const HomePage = () => {
+  const [open, setOpen] = useState(false);
+  const handleOpen = () => setOpen(true);
+  const handleClose = () => setOpen(false);
+  return (
+    <Box>
+      <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>
+    </Box>
+  );
+};
+
+export default HomePage;
diff --git a/src/components/wrapper/dashboardWrapper.tsx b/src/components/wrapper/dashboardWrapper.tsx
index fdc46a1..8ea1a51 100644
--- a/src/components/wrapper/dashboardWrapper.tsx
+++ b/src/components/wrapper/dashboardWrapper.tsx
@@ -177,7 +177,11 @@ export default function DashboardWrapper(props: Props) {
               src="/static/images/avatar/1.jpg"
             />
             <GEAR
-              sx={{ color: "var(--primary_Active_text)", fontSize: "1.8rem" }}
+              sx={{
+                color: "var(--primary_Active_text)",
+                fontSize: "1.8rem",
+                cursor: "pointer",
+              }}
             />
           </Box>
         </Toolbar>