Openstatus www.openstatus.dev

chore: not-found (#1645)

authored by

Maximilian Kaske and committed by
GitHub
80b10629 57f471a7

+43
+43
apps/dashboard/src/app/not-found.tsx
··· 1 + "use client"; 2 + 3 + import Link from "next/link"; 4 + import { useRouter } from "next/navigation"; 5 + 6 + import { Button } from "@/components/ui/button"; 7 + 8 + export default function NotFound() { 9 + const router = useRouter(); 10 + 11 + return ( 12 + <main className="flex min-h-screen w-full flex-col space-y-6 bg-background p-4 md:p-8"> 13 + <div className="flex flex-1 flex-col items-center justify-center gap-8"> 14 + <div className="mx-auto max-w-xl rounded-lg border bg-card text-center"> 15 + <div className="flex flex-col gap-4 p-6 sm:p-12"> 16 + <div className="flex flex-col gap-1"> 17 + <p className="font-mono text-foreground">404 Page not found</p> 18 + <h2 className="font-cal text-2xl text-foreground"> 19 + Oops, something went wrong. 20 + </h2> 21 + <p className="text-muted-foreground text-sm sm:text-base"> 22 + The page you are looking for doesn&apos;t exist. 23 + </p> 24 + </div> 25 + <div className="flex flex-col items-center justify-center gap-4 sm:flex-row"> 26 + <Button 27 + variant="outline" 28 + size="lg" 29 + onClick={router.back} 30 + className="cursor-pointer" 31 + > 32 + Go Back 33 + </Button> 34 + <Button size="lg" asChild> 35 + <Link href="/">Home</Link> 36 + </Button> 37 + </div> 38 + </div> 39 + </div> 40 + </div> 41 + </main> 42 + ); 43 + }