feat(frontend): 403 status error forbidden page

2024-04-25 18:07:01 -03:00 · 2024-04-25 18:07:01 -03:00 · 2ead5e0be3
commit 2ead5e0be3
parent 35d539d61c
1 changed files with 79 additions and 0 deletions
--- a/frontend/src/pages/403.js
+++ b/frontend/src/pages/403.js
@ -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;