Files
nextjs-notion-starter-kit/components/ErrorPage.tsx
Travis Fischer 32b845af2b feat: minor fixes
2021-01-15 12:51:25 -05:00

33 lines
748 B
TypeScript

import React from 'react'
import Head from 'next/head'
import { PageHead } from './PageHead'
import styles from './styles.module.css'
export const ErrorPage: React.FC<{ statusCode: number }> = ({ statusCode }) => {
const title = 'Error'
return (
<>
<PageHead />
<Head>
<meta property='og:site_name' content={title} />
<meta property='og:title' content={title} />
<title>{title}</title>
</Head>
<div className={styles.container}>
<main className={styles.main}>
<h1>Error Loading Page</h1>
{statusCode && <p>Error code: {statusCode}</p>}
<img src='/error.png' alt='Error' className={styles.errorImage} />
</main>
</div>
</>
)
}