update the dashbord and router

src/components/Home/Settings/Setting.js

@@ -0,0 +1,101 @@
+import React, { useState, useEffect } from 'react';
+import { Box, useTheme, useMediaQuery, Typography } from '@mui/material';
+import KitchPlusAppBar from '../AppBar';
+import Sidebar from '../SideHome';
+
+const drawerWidth = 230;
+
+const Setting = () => {
+  const theme = useTheme();
+  const isMobile = useMediaQuery(theme.breakpoints.down('sm'));
+  const [hasProducts, setHasProducts] = useState(false); // حالة لتتبع وجود المنتجات
+  const [sidebarOpen, setSidebarOpen] = useState(!isMobile);
+
+
+  useEffect(() => {
+    const checkProducts = async () => {
+      
+      const productsExist = await checkIfProductsExist(); 
+      setHasProducts(productsExist);
+    };
+
+    checkProducts();
+  }, []);
+
+ 
+  const checkIfProductsExist = async () => {
+    return false; 
+  };
+
+  useEffect(() => {
+    if (window.innerWidth >= theme.breakpoints.values.md) {
+      setSidebarOpen(true);
+    } else {
+      setSidebarOpen(false);
+    }
+  }, [theme.breakpoints.values.md]);
+
+  useEffect(() => {
+    const handleResize = () => {
+      if (window.innerWidth >= theme.breakpoints.values.md) {
+        setSidebarOpen(true);
+      } else {
+        setSidebarOpen(false);
+      }
+    };
+
+    handleResize();
+    window.addEventListener('resize', handleResize);
+
+    return () => window.removeEventListener('resize', handleResize);
+  }, [theme.breakpoints.values.md]);
+
+  const handleDrawerToggle = () => {
+    setSidebarOpen(!sidebarOpen);
+  };
+
+  return (
+    <Box sx={{
+      display: 'flex',
+      height: '100vh',
+      backgroundColor: '#F6F6F6',
+      overflow: 'hidden',
+    }}>
+      <Sidebar
+        open={sidebarOpen}
+        onClose={handleDrawerToggle}
+        isMobile={isMobile}
+        drawerWidth={drawerWidth}
+      />
+
+      <Box sx={{
+        flexGrow: 1,
+        display: 'flex',
+        flexDirection: 'column',
+        width: {
+          xs: '100%',
+          sm: '100%',
+          md: '100%'
+        },
+        marginLeft: {
+          xs: 0,
+          sm: sidebarOpen ? `${drawerWidth}px` : 0,
+          md: 0
+        },
+        transition: theme.transitions.create(['width'], {
+          easing: theme.transitions.easing.sharp,
+          duration: theme.transitions.duration.leavingScreen,
+        }),
+      }}>
+        <KitchPlusAppBar
+          onDrawerToggle={handleDrawerToggle}
+          sidebarOpen={sidebarOpen}
+          isMobile={isMobile}
+        />
+        <Typography>Setting</Typography>
+      </Box>
+    </Box>
+  );
+};
+
+export default Setting;