29924/frontend/src/pages/error.tsx
2025-03-15 22:58:59 +00:00

36 lines
1015 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>;
};