albert/albert.lol
1
0
Fork 0
mirror of https://github.com/skidoodle/albert.lol.git synced 2025-02-15 06:09:15 +01:00
Code Issues Projects Releases Packages Wiki Activity

fix: error page

Browse source
This commit is contained in:
skidoodle 2024-01-01 20:58:47 +01:00
parent 21781a2b0c
commit bef2427f77
1 changed files with 28 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

26
src/pages/_error.tsx
View file

@ -1,20 +1,33 @@
import { ThemeSwitcher } from '@/components/ThemeSwitcher'
import FadeIn from 'react-fade-in'
import Link from 'next/link'
import type { ErrorProps } from '@/utils/interface'
import type { GetServerSideProps, GetServerSidePropsContext } from 'next'
export default function Error() {
const ErrorPage: React.FC<ErrorProps> = ({ statusCode }) => {
return (
<>
<ThemeSwitcher />
<FadeIn>
<div className='ml-[10%] mr-[10%]'>
<div className='mx-auto mb-16 mt-32 flex max-w-3xl flex-col'>
<h1 className='text-7xl font-bold'>404</h1>
<h1 className='text-7xl font-bold'>{statusCode}</h1>
<div className='text-2xl font-semibold text-gray-600'>
{statusCode === 404 ? (
<>
<p className='mt-2'>This page could not be found.</p>
<p className='mt-8'>
<Link href='/'>{'<-- Home'}</Link>
</p>
</>
) : (
<>
<p className='mt-2'>An unexpected error occurred.</p>
<p className='mt-8'>
<Link href='/'>{'<-- Home'}</Link>
</p>
</>
)}
</div>
</div>
</div>
@ -22,3 +35,12 @@ export default function Error() {
</>
)
}
export const getServerSideProps: GetServerSideProps<ErrorProps> = async (
context: GetServerSidePropsContext
) => {
const statusCode = context.res ? context.res.statusCode : 404
return { props: { statusCode } }
}
export default ErrorPage