adminFront/src/pages/dashboard/Content/index.tsx
2023-03-06 16:25:46 +03:00

51 lines
1.0 KiB
TypeScript

import * as React from "react";
import { Box } from "@mui/material";
import Users from "./Users";
import Entities from "./Entities";
import Tariffs from "./Tariffs";
import DiscountManagement from "./DiscountManagement";
import PromocodeManagement from "./PromocodeManagement";
import Support from "./Support";
import Error404 from "../../Error404";
export interface MWProps {
section: number
}
const Content: React.FC<MWProps> = ({ section }) => {
const componentsArray = [
<Error404 />,
<Users />,
<Entities />,
<Tariffs />,
<DiscountManagement />,
<PromocodeManagement />,
<Error404 />,
<Error404 />,
<Support />
];
return (
<React.Fragment>
<Box sx={{
width: "100%",
height: "100vh",
display: "flex",
flexDirection: "column",
alignItems: "center",
overflow: "auto",
overflowY: "auto",
padding: "160px 5px"
}}>
{ componentsArray[ section ] }
</Box>
</React.Fragment>
);
}
export default Content;