File size: 1,225 Bytes
9853396 | 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 | import { useNavigate, useRouter } from '@tanstack/react-router';
import { cn } from '@/lib/utils';
import { Button } from '@/components/ui/button';
interface GeneralErrorProps extends React.HTMLAttributes<HTMLDivElement> {
minimal?: boolean;
}
export default function GeneralError({ className, minimal = false }: GeneralErrorProps) {
const navigate = useNavigate();
const { history } = useRouter();
return (
<div className={cn('h-svh w-full', className)}>
<div className='m-auto flex h-full w-full flex-col items-center justify-center gap-2'>
{!minimal && <h1 className='text-[7rem] leading-tight font-bold'>500</h1>}
<span className='font-medium'>Oops! Something went wrong {`:')`}</span>
<p className='text-muted-foreground text-center'>
We apologize for the inconvenience. <br /> Please try again later.
</p>
{!minimal && (
<div className='mt-6 flex gap-4'>
<Button variant='outline' onClick={() => history.go(-1)}>
Go Back
</Button>
<Button onClick={() => navigate({ to: '/' })}>Back to Home</Button>
</div>
)}
</div>
</div>
);
}
|