43 lines
2 KiB
TypeScript
43 lines
2 KiB
TypeScript
// * Packages
|
|
import { route } from "ziggy-js";
|
|
import { Head, Link } from "@inertiajs/react";
|
|
// * Components shadcn
|
|
import { TooltipProvider } from "@/components/ui/tooltip";
|
|
import { Button } from "@/components/ui/button";
|
|
// * Other
|
|
import { ThemeProvider } from "@/back/providers/ThemeProvider";
|
|
import AppFooter from "@/back/Components/Layout/AppFooter";
|
|
import ApplicationLogo from "@/back/Components/ApplicationLogo";
|
|
import useTrans from "@/hooks/use-translations";
|
|
|
|
export default function Default({ status }: { status: number }) {
|
|
return (
|
|
<ThemeProvider defaultTheme="light" storageKey="vite-ui-theme">
|
|
<TooltipProvider>
|
|
<Head title={String(status)} />
|
|
<div className="flex min-h-screen flex-col justify-center items-center px-8 pb-4">
|
|
<div className="container grid grid-cols-1 gap-6 text-center mx-auto my-auto">
|
|
<ApplicationLogo />
|
|
<h1 className="text-4xl font-extrabold tracking-tight lg:text-5xl">
|
|
{status} - {useTrans(`errors.${status}.title`)}
|
|
</h1>
|
|
<p className="text-sm md:text-basemax-w-md text-center">
|
|
{useTrans(`errors.${status}.description`)}
|
|
</p>
|
|
<div className="flex flex-col sm:flex-row items-center justify-center gap-4">
|
|
<Button asChild>
|
|
<Link href={route("back.dashboard.index")}>
|
|
{useTrans("back.dashboard")}
|
|
</Link>
|
|
</Button>
|
|
<Button variant="outline" asChild>
|
|
<a href="/">{useTrans("back.your_website")}</a>
|
|
</Button>
|
|
</div>
|
|
</div>
|
|
<AppFooter />
|
|
</div>
|
|
</TooltipProvider>
|
|
</ThemeProvider>
|
|
);
|
|
}
|