mirror of https://github.com/kremalicious/blog.git
29 lines
698 B
TypeScript
29 lines
698 B
TypeScript
import React, { ReactElement } from 'react'
|
|
import { Link, PageProps } from 'gatsby'
|
|
import Page from '../components/templates/Page'
|
|
import { hal9000, wrapper, title, text } from './404.module.css'
|
|
|
|
const page = {
|
|
frontmatter: {
|
|
title: '404 - Not Found'
|
|
}
|
|
}
|
|
|
|
const NotFound = (props: PageProps): ReactElement => (
|
|
<Page
|
|
title={page.frontmatter.title}
|
|
post={page}
|
|
pathname={props.location.pathname}
|
|
>
|
|
<div className={hal9000} />
|
|
|
|
<div className={wrapper}>
|
|
<h1 className={title}>{"I'm sorry Dave"}</h1>{' '}
|
|
<p className={text}>{"I'm afraid I can't do that"}</p>
|
|
<Link to={'/'}>Back to homepage</Link>
|
|
</div>
|
|
</Page>
|
|
)
|
|
|
|
export default NotFound
|