blocks/eda-frontend/src/pages/NotFound.js


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

// Page to display Page Not Found (i.e. 404) error.
import { useEffect } from 'react'

import { Container, Typography } from '@material-ui/core'
import { makeStyles } from '@material-ui/core/styles'

const useStyles = makeStyles((theme) => ({
  header: {
    padding: theme.spacing(8, 0, 6)
  }
}))

export default function NotFound () {
  const classes = useStyles()
  const name = process.env.REACT_APP_NAME

  useEffect(() => {
    document.title = 'Not Found - ' + name
  }, [name])

  return (
    <Container maxWidth='lg' className={classes.header}>
      <Typography variant='h1' align='center' gutterBottom>
        404 Not Found
      </Typography>
      <Typography
        variant='h4'
        align='center'
        color='textSecondary'
        gutterBottom
      >
        Sorry, Requested page not found
      </Typography>
    </Container>
  )
}