36 lines
1.2 KiB
TypeScript
36 lines
1.2 KiB
TypeScript
import Link from "next/link";
|
|
import { MapPinOffIcon } from "lucide-react";
|
|
|
|
import { SiteHeader } from "@/components/public/site-header";
|
|
import { Button } from "@/components/ui/button";
|
|
import {
|
|
Empty,
|
|
EmptyContent,
|
|
EmptyDescription,
|
|
EmptyHeader,
|
|
EmptyMedia,
|
|
EmptyTitle,
|
|
} from "@/components/ui/empty";
|
|
|
|
export default function NotFound() {
|
|
return (
|
|
<div className="min-h-svh">
|
|
<SiteHeader />
|
|
<main className="mx-auto grid min-h-[calc(100svh-4rem)] max-w-3xl place-items-center px-4 py-16">
|
|
<Empty>
|
|
<EmptyHeader>
|
|
<EmptyMedia variant="icon"><MapPinOffIcon aria-hidden="true" /></EmptyMedia>
|
|
<EmptyTitle>ไม่พบหน้านี้</EmptyTitle>
|
|
<EmptyDescription>
|
|
ลิงก์อาจไม่ถูกต้อง หน้าถูกย้าย หรือคุณไม่มีสิทธิ์เข้าถึง
|
|
</EmptyDescription>
|
|
</EmptyHeader>
|
|
<EmptyContent>
|
|
<Button className="min-h-11" nativeButton={false} render={<Link href="/" />}>กลับไปหน้ารวมตัวละคร</Button>
|
|
</EmptyContent>
|
|
</Empty>
|
|
</main>
|
|
</div>
|
|
);
|
|
}
|