34228/frontend/src/pages/error.tsx
2025-09-19 17:03:56 +00:00

36 lines
1004 B
TypeScript

import React from 'react'
import type { ReactElement } from 'react'
import Head from 'next/head'
import BaseButton from '../components/BaseButton'
import CardBox from '../components/CardBox'
import SectionFullScreen from '../components/SectionFullScreen'
import LayoutGuest from '../layouts/Guest'
import { getPageTitle } from '../config'
export default function Error() {
return (
<>
<Head>
<title>{getPageTitle('Error')}</title>
</Head>
<SectionFullScreen bg="pinkRed">
<CardBox
className="w-11/12 md:w-7/12 lg:w-6/12 xl:w-4/12 shadow-2xl"
footer={<BaseButton href="/dashboard" label="Done" color="danger" />}
>
<div className="space-y-3">
<h1 className="text-2xl">Unhandled exception</h1>
<p>An Error Occurred</p>
</div>
</CardBox>
</SectionFullScreen>
</>
)
}
Error.getLayout = function getLayout(page: ReactElement) {
return <LayoutGuest>{page}</LayoutGuest>
}