init project

2023-07-10 10:48:53 +03:30
parent 75fc37753a
commit 5aeb3f0f64
104 changed files with 11256 additions and 0 deletions
--- a/src/layouts/MuiLayout.jsx
+++ b/src/layouts/MuiLayout.jsx
@@ -0,0 +1,76 @@
+import NoSsrHandler from "@/core/components/isBotHandler";
+import {
+  createEmotionCacheRtl
+} from "@/core/utils/createEmotionCache";
+import themeRtl from "@/core/utils/theme-rtl";
+import { CacheProvider } from "@emotion/react";
+import { GlobalStyles } from "@mui/material";
+import CssBaseline from "@mui/material/CssBaseline";
+import { ThemeProvider } from "@mui/material/styles";
+import Head from "next/head";
+
+const clientSideEmotionCacheRtl = createEmotionCacheRtl();
+
+const MuiLayout = ({ children, isBot }) => {
+
+  const emotionCache =  clientSideEmotionCacheRtl;
+
+  const theme = themeRtl;
+  return (
+    <NoSsrHandler isBot={isBot}>
+      <CacheProvider value={emotionCache}>
+        <Head>
+          <meta name="viewport" content="initial-scale=1, width=device-width" />
+        </Head>
+        <ThemeProvider theme={theme}>
+          <GlobalStyles
+            styles={{
+              "*:not(.MuiTableContainer-root)::-webkit-scrollbar": {
+                display: "none",
+              },
+              "*::-webkit-scrollbar": {
+                height: "8px",
+              },
+              "*::-webkit-scrollbar-thumb": {
+                background: "#e1e1e1",
+                borderRadius: "3px",
+              },
+              "*:not(.MuiTableContainer-root)": {
+                scrollbarWidth: "thin",
+                scrollbarColor: "transparent transparent",
+              },
+
+              "*": {
+                scrollbarWidth: "thin",
+                scrollbarColor: "#e1e1e1 transparent",
+              },
+
+              "*::-moz-scrollbar-thumb": {
+                backgroundColor: "#e1e1e1",
+              },
+              [`@media (max-width: ${theme.breakpoints.values.sm}px)`]: {
+                "*::-webkit-scrollbar": {
+                  height: "4px",
+                },
+              },
+
+              body: {
+                width: "100vw",
+                height: "100vh",
+              },
+              "#__next": {
+                width: "100%",
+                height: "100%",
+              },
+            }}
+          />
+
+          <CssBaseline />
+          {children}
+        </ThemeProvider>
+      </CacheProvider>
+    </NoSsrHandler>
+  );
+};
+
+export default MuiLayout;