adminFront/src/pages/dashboard/index.tsx

61 lines
1.6 KiB
TypeScript
Raw Normal View History

2022-09-08 17:21:17 +00:00
import * as React from "react";
import { Box } from "@mui/material";
2022-09-09 13:54:49 +00:00
import { ThemeProvider } from "@mui/material";
import CssBaseline from '@mui/material/CssBaseline';
2022-09-20 14:35:49 +00:00
import Menu from "./Menu";
import Header from "./Header";
import Content from "./Content";
import ModalAdmin from "./ModalAdmin";
import ModalUser from "./ModalUser";
2022-09-21 13:47:45 +00:00
import ModalEntities from "./ModalEntities";
2022-09-14 10:24:02 +00:00
import theme from "../../theme";
import { useMatch } from "react-router-dom";
2022-09-20 17:55:21 +00:00
export interface MWProps {
section: number
}
2022-09-08 17:21:17 +00:00
2022-09-20 17:55:21 +00:00
const LoggedIn: React.FC<MWProps> = ({ section }) => {
2022-09-08 17:21:17 +00:00
return (
<React.Fragment>
2022-09-09 13:54:49 +00:00
<ThemeProvider theme={theme}>
<CssBaseline />
<Box sx={{
backgroundColor: theme.palette.primary.main,
color: theme.palette.secondary.main,
height: "100%"
2022-09-08 17:21:17 +00:00
}}>
2022-09-09 13:54:49 +00:00
<Box sx={{
backgroundColor: theme.palette.content.main,
display: "flex",
width: "100%",
height: "100%"
}}>
<Menu />
<Box sx={{
width: "100%",
display: "flex",
flexDirection: "column",
justifyContent: "space-between",
alignItems: "center"
}}>
2023-01-07 22:58:14 +00:00
{/*<Header />*/}
2022-09-20 17:55:21 +00:00
<Content section={ section } />
2022-09-09 13:54:49 +00:00
</Box>
</Box>
2022-09-08 17:21:17 +00:00
</Box>
2022-09-14 10:24:02 +00:00
<ModalAdmin open={useMatch('/modalAdmin') !== null}/>
<ModalUser open={useMatch('/modalUser') !== null}/>
2022-09-21 13:47:45 +00:00
<ModalEntities open={useMatch('/modalEntities') !== null}/>
2022-09-14 10:24:02 +00:00
2022-09-09 13:54:49 +00:00
</ThemeProvider>
2022-09-08 17:21:17 +00:00
</React.Fragment>
);
}
2022-09-17 19:38:19 +00:00
export default LoggedIn;