File size: 954 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 | import { useNavigate, useRouter } from '@tanstack/react-router';
import { Button } from '@/components/ui/button';
export default function UnauthorisedError() {
const navigate = useNavigate();
const { history } = useRouter();
return (
<div className='h-svh'>
<div className='m-auto flex h-full w-full flex-col items-center justify-center gap-2'>
<h1 className='text-[7rem] leading-tight font-bold'>401</h1>
<span className='font-medium'>Unauthorized Access</span>
<p className='text-muted-foreground text-center'>
Please log in with the appropriate credentials <br /> to access this resource.
</p>
<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>
);
}
|