mirror of
https://github.com/spacedriveapp/spacedrive.git
synced 2026-04-20 22:50:11 -04:00
27 lines
784 B
TypeScript
27 lines
784 B
TypeScript
import { useNavigate } from 'react-router';
|
|
import { Button } from '@sd/ui';
|
|
|
|
export const Component = () => {
|
|
const navigate = useNavigate();
|
|
|
|
return (
|
|
<div className="w-full bg-app/80">
|
|
<div
|
|
role="alert"
|
|
className="flex h-full w-full flex-col items-center justify-center rounded-lg p-4"
|
|
>
|
|
<p className="m-3 text-sm font-semibold uppercase text-ink-faint">Error: 404</p>
|
|
<h1 className="text-4xl font-bold">There's nothing here.</h1>
|
|
<p className="mt-2 text-sm text-ink-dull">
|
|
Its likely that this page has not been built yet, if so we're on it!
|
|
</p>
|
|
<div className="flex flex-row space-x-2">
|
|
<Button variant="outline" className="mt-4" onClick={() => navigate(-1)}>
|
|
← Go Back
|
|
</Button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
);
|
|
};
|