2020-11-19 21:55:16 +01:00
|
|
|
import React, { ReactElement } from 'react'
|
2021-10-13 18:48:59 +02:00
|
|
|
import Page from '@shared/Page'
|
|
|
|
import fishfail from '@images/fishfail.gif'
|
2021-10-27 12:27:14 +02:00
|
|
|
import Head from 'next/head'
|
2021-10-13 18:48:59 +02:00
|
|
|
import Button from '@shared/atoms/Button'
|
2021-10-27 12:27:14 +02:00
|
|
|
import content from '../../content/pages/404.json'
|
|
|
|
import { useRouter } from 'next/router'
|
2020-11-19 21:55:16 +01:00
|
|
|
|
2021-10-27 12:27:14 +02:00
|
|
|
export default function Page404(): ReactElement {
|
|
|
|
const router = useRouter()
|
|
|
|
const { title, description, actions } = content
|
2020-11-19 21:55:16 +01:00
|
|
|
|
|
|
|
return (
|
|
|
|
<>
|
2021-10-27 12:27:14 +02:00
|
|
|
<Head>
|
2020-11-19 21:55:16 +01:00
|
|
|
<style type="text/css">{`
|
|
|
|
main {
|
|
|
|
text-align: center;
|
|
|
|
}
|
|
|
|
`}</style>
|
2021-10-27 12:27:14 +02:00
|
|
|
</Head>
|
2020-11-19 21:55:16 +01:00
|
|
|
<Page
|
|
|
|
title={title}
|
|
|
|
description={description}
|
2021-10-27 12:27:14 +02:00
|
|
|
uri={router.route}
|
2020-11-19 21:55:16 +01:00
|
|
|
headerCenter
|
|
|
|
>
|
|
|
|
{actions.map((action: { title: string; url: string }) => (
|
|
|
|
<Button style="primary" key={action.title} to={action.url}>
|
|
|
|
{action.title}
|
|
|
|
</Button>
|
|
|
|
))}
|
|
|
|
</Page>
|
|
|
|
</>
|
|
|
|
)
|
|
|
|
}
|