35 lines
837 B
JavaScript
35 lines
837 B
JavaScript
import React, { useState } from "react";
|
|
import { makeStyles } from "@material-ui/core/styles";
|
|
import AppRoutes from "./AppRoutes";
|
|
import TopBar from "./TopBar";
|
|
import Sidebar from "./Sidebar";
|
|
import styles from "./styles";
|
|
|
|
const useStyles = makeStyles(styles);
|
|
|
|
const AppLayout = () => {
|
|
const [open, setOpen] = useState(false);
|
|
const classes = useStyles();
|
|
|
|
const handleDrawerOpen = () => {
|
|
setOpen(true);
|
|
};
|
|
|
|
const handleDrawerClose = () => {
|
|
setOpen(false);
|
|
};
|
|
|
|
return (
|
|
<div className={classes.root}>
|
|
<TopBar open={open} handleDrawerOpen={handleDrawerOpen} />
|
|
<Sidebar open={open} handleDrawerClose={handleDrawerClose} />
|
|
<main className={classes.content}>
|
|
<div className={classes.toolbar} />
|
|
<AppRoutes />
|
|
</main>
|
|
</div>
|
|
);
|
|
};
|
|
|
|
export default AppLayout;
|