80 lines
1.9 KiB
JavaScript
80 lines
1.9 KiB
JavaScript
import Head from 'next/head';
|
|
import NextLink from 'next/link';
|
|
import ArrowLeftIcon from '@heroicons/react/24/solid/ArrowLeftIcon';
|
|
import { Box, Button, Container, SvgIcon, Typography } from '@mui/material';
|
|
|
|
const Page = () => (
|
|
<>
|
|
<Head>
|
|
<title>
|
|
403 | Oktopus TR-369
|
|
</title>
|
|
</Head>
|
|
<Box
|
|
component="main"
|
|
sx={{
|
|
alignItems: 'center',
|
|
display: 'flex',
|
|
flexGrow: 1,
|
|
minHeight: '100%'
|
|
}}
|
|
>
|
|
<Container maxWidth="md">
|
|
<Box
|
|
sx={{
|
|
alignItems: 'center',
|
|
display: 'flex',
|
|
flexDirection: 'column'
|
|
}}
|
|
>
|
|
<Box
|
|
sx={{
|
|
mb: 3,
|
|
textAlign: 'center'
|
|
}}
|
|
>
|
|
<img
|
|
alt="Under development"
|
|
src="/assets/errors/error-401.png"
|
|
style={{
|
|
display: 'inline-block',
|
|
maxWidth: '100%',
|
|
width: 400
|
|
}}
|
|
/>
|
|
</Box>
|
|
<Typography
|
|
align="center"
|
|
sx={{ mb: 3 }}
|
|
variant="h3"
|
|
>
|
|
403: You're not allowed to perform this action
|
|
</Typography>
|
|
<Typography
|
|
align="center"
|
|
color="text.secondary"
|
|
variant="body1"
|
|
>
|
|
You either tried to perform an action you're not authorized to do or you came here by mistake.
|
|
</Typography>
|
|
<Button
|
|
component={NextLink}
|
|
href="/"
|
|
startIcon={(
|
|
<SvgIcon fontSize="small">
|
|
<ArrowLeftIcon />
|
|
</SvgIcon>
|
|
)}
|
|
sx={{ mt: 3 }}
|
|
variant="contained"
|
|
>
|
|
Go back to dashboard
|
|
</Button>
|
|
</Box>
|
|
</Container>
|
|
</Box>
|
|
</>
|
|
);
|
|
|
|
export default Page;
|