Files
spacedrive/packages/interface/src/NotFound.tsx
2023-01-19 19:32:35 -08:00

22 lines
620 B
TypeScript

import { useNavigate } from 'react-router';
import { Button } from '@sd/ui';
export default function NotFound() {
const navigate = useNavigate();
return (
<div
data-tauri-drag-region
role="alert"
className="flex flex-col items-center justify-center w-full h-full p-4 rounded-lg"
>
<p className="m-3 text-sm font-semibold uppercase text-ink-faint">Error: 404</p>
<h1 className="text-4xl font-bold">You chose nothingness.</h1>
<div className="flex flex-row space-x-2">
<Button variant="accent" className="mt-4" onClick={() => navigate(-1)}>
Go Back
</Button>
</div>
</div>
);
}