formatted

2024-07-09 13:58:13 +03:30
parent 863bdaca95
commit bc73725138
82 changed files with 2206 additions and 3082 deletions
--- a/src/components/layouts/dashboard/headerWithLogo/HaederBottom/index.jsx
+++ b/src/components/layouts/dashboard/headerWithLogo/HaederBottom/index.jsx
@@ -3,38 +3,25 @@ import { Stack, Typography } from "@mui/material";
 import Image from "next/image";

 const HeaderBottom = () => {
-  return (
-    <Stack
-      sx={{
-        px: 2,
-        py: 1,
-        background: (theme) => theme.palette.primary2.main,
-      }}
-      spacing={4}
-      alignItems={"center"}
-      direction={"row"}
-    >
-      <Image
-        alt=""
-        priority
-        src={"/images/rmsLogo.svg"}
-        width={65}
-        height={71}
-      />
-      <Stack alignItems={"center"} spacing={1}>
-        <Typography
-          variant="h5"
-          sx={{ color: (theme) => theme.palette.primary2.contrastText }}
+    return (
+        <Stack
+            sx={{
+                px: 2,
+                py: 1,
+                background: (theme) => theme.palette.primary2.main,
+            }}
+            spacing={4}
+            alignItems={"center"}
+            direction={"row"}
        >
-          سامانه جامع راهداری
-        </Typography>
-        <Typography
-          sx={{ color: (theme) => theme.palette.primary2.contrastText }}
-        >
-          rms.rmto.ir
-        </Typography>
-      </Stack>
-    </Stack>
-  );
+            <Image alt="" priority src={"/images/rmsLogo.svg"} width={65} height={71} />
+            <Stack alignItems={"center"} spacing={1}>
+                <Typography variant="h5" sx={{ color: (theme) => theme.palette.primary2.contrastText }}>
+                    سامانه جامع راهداری
+                </Typography>
+                <Typography sx={{ color: (theme) => theme.palette.primary2.contrastText }}>rms.rmto.ir</Typography>
+            </Stack>
+        </Stack>
+    );
 };
 export default HeaderBottom;
--- a/src/components/layouts/dashboard/headerWithLogo/HaederTop/index.jsx
+++ b/src/components/layouts/dashboard/headerWithLogo/HaederTop/index.jsx
@@ -2,16 +2,10 @@ import { Stack } from "@mui/material";
 import Image from "next/image";

 const HeaderTop = () => {
-  return (
-    <Stack sx={{ p: 2 }}>
-      <Image
-        alt=""
-        priority
-        src={"/images/headerLogo.png"}
-        width={190}
-        height={44}
-      />
-    </Stack>
-  );
+    return (
+        <Stack sx={{ p: 2 }}>
+            <Image alt="" priority src={"/images/headerLogo.png"} width={190} height={44} />
+        </Stack>
+    );
 };
 export default HeaderTop;
--- a/src/components/layouts/dashboard/headerWithLogo/index.jsx
+++ b/src/components/layouts/dashboard/headerWithLogo/index.jsx
@@ -3,11 +3,11 @@ import HeaderTop from "./HaederTop";
 import HeaderBottom from "./HaederBottom";

 const HeaderWithLogo = () => {
-  return (
-    <Stack>
-      <HeaderTop />
-      <HeaderBottom />
-    </Stack>
-  );
+    return (
+        <Stack>
+            <HeaderTop />
+            <HeaderBottom />
+        </Stack>
+    );
 };
 export default HeaderWithLogo;
--- a/src/components/layouts/dashboard/headerWithSidebar/HeaderMenu/index.jsx
+++ b/src/components/layouts/dashboard/headerWithSidebar/HeaderMenu/index.jsx
@@ -1,4 +1,4 @@
 const HeaderMenu = () => {
-  return <>منو</>;
+    return <>منو</>;
 };
 export default HeaderMenu;
--- a/src/components/layouts/dashboard/headerWithSidebar/index.jsx
+++ b/src/components/layouts/dashboard/headerWithSidebar/index.jsx
@@ -9,108 +9,102 @@ import HeaderMenu from "./HeaderMenu";

 const drawerWidth = 300;

-const Main = styled(Paper, { shouldForwardProp: (prop) => prop !== "open" })(
-  ({ theme, open }) => ({
+const Main = styled(Paper, { shouldForwardProp: (prop) => prop !== "open" })(({ theme, open }) => ({
    flexGrow: 1,
    transition: theme.transitions.create("margin", {
-      easing: theme.transitions.easing.sharp,
-      duration: theme.transitions.duration.leavingScreen,
+        easing: theme.transitions.easing.sharp,
+        duration: theme.transitions.duration.leavingScreen,
    }),
    marginLeft: `-${drawerWidth}px`,
    ...(open && {
-      transition: theme.transitions.create("margin", {
-        easing: theme.transitions.easing.easeOut,
-        duration: theme.transitions.duration.enteringScreen,
-      }),
-      marginLeft: 0,
+        transition: theme.transitions.create("margin", {
+            easing: theme.transitions.easing.easeOut,
+            duration: theme.transitions.duration.enteringScreen,
+        }),
+        marginLeft: 0,
    }),
-  })
-);
+}));

 const AppBar = styled(MuiAppBar, {
-  shouldForwardProp: (prop) => prop !== "open",
+    shouldForwardProp: (prop) => prop !== "open",
 })(({ theme, open }) => ({
-  transition: theme.transitions.create(["margin", "width"], {
-    easing: theme.transitions.easing.sharp,
-    duration: theme.transitions.duration.leavingScreen,
-  }),
-  ...(open && {
-    width: `calc(100% - ${drawerWidth}px)`,
-    marginLeft: `${drawerWidth}px`,
    transition: theme.transitions.create(["margin", "width"], {
-      easing: theme.transitions.easing.easeOut,
-      duration: theme.transitions.duration.enteringScreen,
+        easing: theme.transitions.easing.sharp,
+        duration: theme.transitions.duration.leavingScreen,
+    }),
+    ...(open && {
+        width: `calc(100% - ${drawerWidth}px)`,
+        marginLeft: `${drawerWidth}px`,
+        transition: theme.transitions.create(["margin", "width"], {
+            easing: theme.transitions.easing.easeOut,
+            duration: theme.transitions.duration.enteringScreen,
+        }),
    }),
-  }),
 }));

 const DrawerHeader = styled("div")(({ theme }) => ({
-  display: "flex",
-  alignItems: "center",
-  padding: theme.spacing(0, 1),
-  ...theme.mixins.toolbar,
-  justifyContent: "flex-end",
+    display: "flex",
+    alignItems: "center",
+    padding: theme.spacing(0, 1),
+    ...theme.mixins.toolbar,
+    justifyContent: "flex-end",
 }));

 const HeaderWithSidebar = ({ children }) => {
-  const [open, setOpen] = useState(true);
+    const [open, setOpen] = useState(true);

-  const handleDrawerOpen = () => {
-    setOpen(true);
-  };
-  const handleDrawerClose = () => {
-    setOpen(false);
-  };
-  return (
-    <Box sx={{ display: "flex" }}>
-      <AppBar
-        sx={{ position: "fixed", top: "unset" }}
-        elevation={0}
-        open={open}
-      >
-        <Toolbar variant="dense">
-          <IconButton
-            color="inherit"
-            aria-label="open drawer"
-            onClick={handleDrawerOpen}
-            edge="start"
-            sx={{ mr: 2, ...(open && { display: "none" }) }}
-          >
-            <MenuIcon />
-          </IconButton>
-          <Box sx={{ flexGrow: 1, display: { xs: "none", md: "flex" } }}>
-            <HeaderMenu />
-          </Box>
-        </Toolbar>
-      </AppBar>
-      <Drawer
-        sx={{
-          width: drawerWidth,
-          flexShrink: 0,
-          "& .MuiDrawer-paper": {
-            width: drawerWidth,
-            boxSizing: "border-box",
-            borderTop: 1,
-            borderTopColor: "divider",
-            top: "unset",
-          },
-        }}
-        variant="persistent"
-        anchor="left"
-        open={open}
-      >
-        <DrawerHeader>
-          <IconButton onClick={handleDrawerClose}>
-            <ChevronRightIcon />
-          </IconButton>
-        </DrawerHeader>
-        <SidebarMenu />
-      </Drawer>
-      <Main elevation={0} open={open}>
-        <DrawerHeader />
-        {children}
-      </Main>
-    </Box>
-  );
+    const handleDrawerOpen = () => {
+        setOpen(true);
+    };
+    const handleDrawerClose = () => {
+        setOpen(false);
+    };
+    return (
+        <Box sx={{ display: "flex" }}>
+            <AppBar sx={{ position: "fixed", top: "unset" }} elevation={0} open={open}>
+                <Toolbar variant="dense">
+                    <IconButton
+                        color="inherit"
+                        aria-label="open drawer"
+                        onClick={handleDrawerOpen}
+                        edge="start"
+                        sx={{ mr: 2, ...(open && { display: "none" }) }}
+                    >
+                        <MenuIcon />
+                    </IconButton>
+                    <Box sx={{ flexGrow: 1, display: { xs: "none", md: "flex" } }}>
+                        <HeaderMenu />
+                    </Box>
+                </Toolbar>
+            </AppBar>
+            <Drawer
+                sx={{
+                    width: drawerWidth,
+                    flexShrink: 0,
+                    "& .MuiDrawer-paper": {
+                        width: drawerWidth,
+                        boxSizing: "border-box",
+                        borderTop: 1,
+                        borderTopColor: "divider",
+                        top: "unset",
+                    },
+                }}
+                variant="persistent"
+                anchor="left"
+                open={open}
+            >
+                <DrawerHeader>
+                    <IconButton onClick={handleDrawerClose}>
+                        <ChevronRightIcon />
+                    </IconButton>
+                </DrawerHeader>
+                <SidebarMenu />
+            </Drawer>
+            <Main elevation={0} open={open}>
+                <DrawerHeader />
+                {children}
+            </Main>
+        </Box>
+    );
 };
 export default HeaderWithSidebar;