39 lines
969 B
React
39 lines
969 B
React
import { Box } from "@mui/material";
|
|
import { useTheme } from "@emotion/react";
|
|
import Fallback from "../../Components/Fallback";
|
|
import "./index.css";
|
|
|
|
const Maintenance = ({ isAdmin }) => {
|
|
const theme = useTheme();
|
|
|
|
return (
|
|
<Box
|
|
className="maintenance"
|
|
sx={{
|
|
':has(> [class*="fallback__"])': {
|
|
position: "relative",
|
|
border: 1,
|
|
borderColor: theme.palette.border.light,
|
|
borderRadius: theme.shape.borderRadius,
|
|
borderStyle: "dashed",
|
|
backgroundColor: theme.palette.background.main,
|
|
overflow: "hidden",
|
|
},
|
|
}}
|
|
>
|
|
<Fallback
|
|
title="maintenance window"
|
|
checks={[
|
|
"Mark your maintenance periods",
|
|
"Eliminate any misunderstandings",
|
|
"Stop sending alerts in maintenance windows",
|
|
]}
|
|
link="/maintenance/create"
|
|
isAdmin={isAdmin}
|
|
/>
|
|
</Box>
|
|
);
|
|
};
|
|
|
|
export default Maintenance;
|