louis/oktopus
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(frontend): 403 status error forbidden page

Browse Source
This commit is contained in:
leandrofars 2024-04-25 18:07:01 -03:00
parent 35d539d61c
commit 2ead5e0be3
1 changed files with 79 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

79
frontend/src/pages/403.js Normal file
View File

@ -0,0 +1,79 @@
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;