Updates to the settings interface and restaurant account creation.

src/components/Home/Settings/Setting.js

@@ -1,32 +1,16 @@
 import React, { useState, useEffect } from 'react';
-import { Box, useTheme, useMediaQuery, Typography } from '@mui/material';
+import { Box, useTheme, useMediaQuery } from '@mui/material';
 import KitchPlusAppBar from '../AppBar';
 import Sidebar from '../SideHome';
+import AccountSettings from './AccountSettings';
 
 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);
@@ -55,47 +39,63 @@ const Setting = () => {
   };
 
   return (
-    <Box sx={{
-      display: 'flex',
-      height: '100vh',
-      backgroundColor: '#F6F6F6',
-      overflow: 'hidden',
-    }}>
+    <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,
-        }),
-      }}>
+      <Box
+        sx={{
+          flexGrow: 1,
+          display: 'flex',
+          flexDirection: 'column',
+          width: '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 sx={{
+          flexGrow: 1,
+          width: sidebarOpen ? 'calc(100% - 40px)' : '100%',
+          pt: { xs:2, sm: 3 },
+          overflowY: 'auto',
+          pl: { xs: 2, sm: 3 },
+          pb: { xs: 2, sm: 4 },
+          scrollbarWidth: 'none',
+          '&::-webkit-scrollbar': { display: 'none' },
+          transition: theme.transitions.create(['margin'], {
+            easing: theme.transitions.easing.sharp,
+            duration: theme.transitions.duration.leavingScreen,
+          }),
+        }}>
+
+          <AccountSettings />
+
+        </Box>
       </Box>
     </Box>
   );
 };
 
-export default Setting;
+export default Setting;