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

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

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