burger-online

1
import {Button} from '@ya.praktikum/react-developer-burger-ui-components'
2
import {useLocation, useNavigate} from 'react-router-dom'
3

4
const ErrorPage = () => {
5
  const navigate = useNavigate()
6
  const location = useLocation()
7

8
  return (
9
    <div className='wrapper'>
10
      <div className='content-route'>
11
        <h2 className='text_type_main-large text_color_error'>Not Found</h2>
12
        <p className='text text_type_main-medium'>Произошла ошибка! Страница не найдена.</p>
13
        <p className='text text_type_main-medium mb-8'>
14
          Возможно указан неверный путь: <span className='text_color_error'>...{location.pathname}</span>
15
        </p>
16
        <Button size='small' htmlType='button' onClick={() => navigate('/', {replace: true})}>
17
          Вернуться
18
        </Button>
19
      </div>
20
    </div>
21
  )
22
}
23

24
export default ErrorPage
25