LicenseAPI/Dashboard
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Updated the Dashboard.jsx state

Browse Source
This commit is contained in:
Mathias Wagner 2023-08-01 22:36:29 +02:00
parent 8ee0b2bccf
commit d1eb089bf3
Signed by: Mathias
GPG Key ID: B8DC354B0A1F5B44
1 changed files with 13 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
src/states/Dashboard/Dashboard.jsx
View File

@ -2,18 +2,22 @@ import {Box, Toolbar} from "@mui/material";
import {Outlet} from "react-router-dom"; import {Outlet} from "react-router-dom";
import Header from "@/states/Dashboard/components/Header"; import Header from "@/states/Dashboard/components/Header";
import Sidebar from "@/states/Dashboard/components/Sidebar"; import Sidebar from "@/states/Dashboard/components/Sidebar";
import {useState} from "react";
const drawerWidth = 240; import {ProjectProvider} from "@/states/Dashboard/contexts/Project";
export const Dashboard = () => { export const Dashboard = () => {
const [mobileOpen, setMobileOpen] = useState(false);
return ( return (
<Box sx={{display: "flex", overflow: "hidden"}}> <ProjectProvider>
<Header /> <Box sx={{display: "flex", overflow: "hidden"}}>
<Sidebar /> <Header mobileOpen={mobileOpen} toggleOpen={() => setMobileOpen(current => !current)} />
<Box component="main" sx={{flexGrow: 1, p: 3, ml: {sm: `${drawerWidth}px`}}}> <Sidebar mobileOpen={mobileOpen} toggleOpen={() => setMobileOpen(current => !current)} />
<Toolbar/> <Box component="main" sx={{ flexGrow: 1, p: 3, ml: { sm: "260px"} }}>
<Outlet /> <Toolbar/>
<Outlet />
</Box>
</Box> </Box>
</Box> </ProjectProvider>
) )
} }