36 lines
1.3 KiB
TypeScript
36 lines
1.3 KiB
TypeScript
import { Text } from "@/components/i18n/text";
|
|
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><Text message="ไม่พบคู่มือนี้" /></EmptyTitle>
|
|
<EmptyDescription>
|
|
<Text message="หน้านี้อาจถูกซ่อน เปลี่ยนชื่อ หรือยังไม่มีเนื้อหาที่เผยแพร่" /></EmptyDescription>
|
|
</EmptyHeader>
|
|
<EmptyContent>
|
|
<Button render={<Link href="/" />}><Text message="กลับไปหน้ารวมตัวละคร" /></Button>
|
|
</EmptyContent>
|
|
</Empty>
|
|
</main>
|
|
</div>
|
|
);
|
|
}
|