feat: let not-found page work with locale

This commit is contained in:
JiPai
2024-09-05 20:19:10 +08:00
parent 458ddc6e0a
commit d3108ebf65
7 changed files with 199 additions and 119 deletions

View File

@@ -1,27 +1,48 @@
import Link from "next/link";
'use client'
import { SlimLayout } from "../components/SlimLayout";
// import { Button } from "../components/Button";
import { Logo } from "../components/shared/Logo";
import { Logo } from '@/components/shared/Logo'
import { SlimLayout } from '@/components/SlimLayout'
import Error from 'next/error'
import Link from 'next/link'
// Render the default Next.js 404 page when a route
// is requested that doesn't match the middleware and
// therefore doesn't have a locale associated with it.
// export default function NotFound() {
// return (
// <html lang="en">
// <body>
// <SlimLayout>
// <div className="flex">
// <Link href="/" aria-label="Home">
// <Logo className="h-10 w-auto" />
// </Link>
// </div>
// <p className="mt-20 text-sm font-medium text-gray-700">
// 404
// </p>
// <h1 className="mt-3 text-lg font-semibold text-gray-900">
// Page not found
// </h1>
// <p className="mt-3 text-sm text-gray-700">
// Sorry, we couldnt find the page youre looking for.
// </p>
// {/* <Button href="/" className="mt-10">
// Go back home
// </Button> */}
// </SlimLayout>
// </body>
// </html>
// )
// }
export default function NotFound() {
return (
<SlimLayout>
<div className="flex">
<Link href="/" aria-label="Home">
<Logo className="h-10 w-auto" />
</Link>
</div>
<p className="mt-20 text-sm font-medium text-gray-700">404</p>
<h1 className="mt-3 text-lg font-semibold text-gray-900">
Page not found
</h1>
<p className="mt-3 text-sm text-gray-700">
Sorry, we couldnt find the page youre looking for.
</p>
{/* <Button href="/" className="mt-10">
Go back home
</Button> */}
</SlimLayout>
);
<html lang="en">
<body>
<Error statusCode={404} />
</body>
</html>
)
}