404 index.tsx

50% Statements 3/6
100% Branches 0/0
0% Functions 0/3
75% Lines 3/4
Press n or j to go to the next uncovered block, b, p or k for the previous block.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64  
 
 
 
 
 
1x
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1x
 
 
 
 
 
 
 
 
 
 
 
1x
 
 
 
 
 
 
 
 
  import Figure from "@common/Figure";
import { StyledMainLinearColorText, Text } from "@common/Text";
import { Container, Box, styled } from "@mui/material";
import Footer from "@pages/Login/Footer";
import { palette } from "@palette";
 
export const NotFoundResourcePage = () => {
  return (
    <>
      <MainContainer>
        <StyledMainLinearColorText
          variant={"h3"}
          sx={{
            fontSize: "96px",
            lineHeight: "96px",
            fontWeight: "light",
            marginBottom: "10px",
          }}
        >
          Oops.
        </StyledMainLinearColorText>
        <StyledText>
          Please try again later, this content is currently not available.
        </StyledText>
      </MainContainer>
      <Box
        style={{
          display: "flex",
          position: "absolute",
          bottom: 0,
          left: 0,
          right: 0,
          alignItems: "center",
          padding: "16px 32px",
        }}
      >
        <Footer />
      </Box>
    </>
  );
};
 
const MainContainer = styled(Container)(({ theme }) => ({
  margin: "0 auto",
  display: "flex",
  justifyContent: "center",
  alignItems: "center",
  flexDirection: "column",
  marginTop: "20%",
  [theme.breakpoints.down("sm")]: {
    marginTop: "25%",
  },
}));
 
const StyledText = styled(Text)(({ theme }) => ({
  lineHeight: "120%",
  color: palette.neutral[70],
  fontSize: "24px",
  fontWeight: "regular",
  [theme.breakpoints.down("sm")]: {
    fontSize: "14px",
  },
}));