mirror of
https://github.com/oceanprotocol/market.git
synced 2024-12-02 05:57:29 +01:00
Matthias Kretschmann
3729c63581
* migrate to Next.js * migrate scripts * generate markdown pages * make all the markdown work * fix profile, fix image loading * git+ssh → git+https, again * bump packages * maybe windows build fix * add public to gitignore Signed-off-by: mihaisc <mihai.scarlat@smartcontrol.ro> * Next.js v12! Webpack 5! No build hacks anymore * json import fixes * fixes Co-authored-by: mihaisc <mihai.scarlat@smartcontrol.ro>
53 lines
1.3 KiB
TypeScript
53 lines
1.3 KiB
TypeScript
import React, { ReactElement } from 'react'
|
|
import Page from '@shared/Page'
|
|
import fishfail from '@images/fishfail.gif'
|
|
import Head from 'next/head'
|
|
import Button from '@shared/atoms/Button'
|
|
import content from '../../content/pages/404.json'
|
|
import { useRouter } from 'next/router'
|
|
|
|
export default function Page404(): ReactElement {
|
|
const router = useRouter()
|
|
const { title, description, actions } = content
|
|
|
|
return (
|
|
<>
|
|
<Head>
|
|
<style type="text/css">{`
|
|
body {
|
|
background: transparent url(${fishfail}) center bottom no-repeat !important;
|
|
background-size: cover !important;
|
|
min-height: 100vh;
|
|
}
|
|
|
|
main {
|
|
text-align: center;
|
|
}
|
|
|
|
header *,
|
|
footer *,
|
|
main * {
|
|
color: var(--brand-white) !important;
|
|
}
|
|
|
|
header svg path {
|
|
fill: var(--brand-white) !important;
|
|
}
|
|
`}</style>
|
|
</Head>
|
|
<Page
|
|
title={title}
|
|
description={description}
|
|
uri={router.route}
|
|
headerCenter
|
|
>
|
|
{actions.map((action: { title: string; url: string }) => (
|
|
<Button style="primary" key={action.title} to={action.url}>
|
|
{action.title}
|
|
</Button>
|
|
))}
|
|
</Page>
|
|
</>
|
|
)
|
|
}
|