mirror of
https://github.com/diegosouzapw/OmniRoute.git
synced 2026-08-04 22:32:12 +03:00
3c9883bb73
OmniRoute v3.8.29 — 115 commits since v3.8.28. Full CHANGELOG + 41 i18n mirrors. All content quality gates green (build, unit 8/8, vitest 188/188, PR test policy, quality gates extended, docs sync, quality ratchet). Remaining red CI checks are pre-existing release flakes (coverage-shard/integration/node-compat teardown), a new transitive undici advisory in electron devDeps, and a workflow-level CodeQL fail (0 open alerts). VPS-validated by the operator.
92 lines
3.1 KiB
TypeScript
92 lines
3.1 KiB
TypeScript
import Link from "next/link";
|
|
import { useTranslations } from "next-intl";
|
|
|
|
interface PageAction {
|
|
href: string;
|
|
label: string;
|
|
}
|
|
|
|
interface ErrorPageScaffoldProps {
|
|
code: string;
|
|
title: string;
|
|
description: string;
|
|
icon?: string;
|
|
suggestions?: string[];
|
|
primaryAction?: PageAction | null;
|
|
secondaryAction?: PageAction | null;
|
|
}
|
|
|
|
export default function ErrorPageScaffold({
|
|
code,
|
|
title,
|
|
description,
|
|
icon = "error",
|
|
suggestions = [],
|
|
primaryAction,
|
|
secondaryAction,
|
|
}: ErrorPageScaffoldProps) {
|
|
const t = useTranslations("common");
|
|
const resolvedPrimary = primaryAction ?? { href: "/dashboard", label: t("goToDashboard") };
|
|
const resolvedSecondary = secondaryAction ?? { href: "/status", label: t("checkSystemStatus") };
|
|
|
|
return (
|
|
<main
|
|
className="min-h-screen text-text-main flex items-center justify-center px-6 py-12"
|
|
role="main"
|
|
aria-labelledby="error-page-title"
|
|
>
|
|
<section className="w-full max-w-2xl rounded-2xl border border-border bg-surface p-8 sm:p-10 shadow-soft">
|
|
<header className="text-center">
|
|
<span className="material-symbols-outlined text-4xl text-primary mb-3" aria-hidden="true">
|
|
{icon}
|
|
</span>
|
|
<p
|
|
className="text-6xl sm:text-7xl font-bold leading-none bg-gradient-to-br from-primary to-primary-hover bg-clip-text text-transparent"
|
|
aria-hidden="true"
|
|
>
|
|
{code}
|
|
</p>
|
|
<h1 id="error-page-title" className="mt-4 text-2xl sm:text-3xl font-semibold">
|
|
{title}
|
|
</h1>
|
|
<p className="mt-3 text-text-muted leading-relaxed">{description}</p>
|
|
</header>
|
|
|
|
{suggestions.length > 0 && (
|
|
<ul
|
|
className="mt-8 rounded-xl border border-border bg-bg-alt p-5 space-y-2 text-sm text-text-muted"
|
|
aria-label="Recommended actions"
|
|
>
|
|
{suggestions.map((item) => (
|
|
<li key={item} className="flex items-start gap-2">
|
|
<span
|
|
className="material-symbols-outlined text-base text-primary mt-0.5"
|
|
aria-hidden="true"
|
|
>
|
|
check_circle
|
|
</span>
|
|
<span>{item}</span>
|
|
</li>
|
|
))}
|
|
</ul>
|
|
)}
|
|
|
|
<div className="mt-8 flex flex-col sm:flex-row gap-3">
|
|
<Link
|
|
href={resolvedPrimary.href}
|
|
className="inline-flex items-center justify-center px-6 py-3 rounded-lg text-white text-sm font-semibold bg-gradient-to-br from-primary to-primary-hover hover:shadow-elevated transition-all duration-200 motion-reduce:transition-none"
|
|
>
|
|
{resolvedPrimary.label}
|
|
</Link>
|
|
<Link
|
|
href={resolvedSecondary.href}
|
|
className="inline-flex items-center justify-center px-6 py-3 rounded-lg text-sm font-semibold border border-border hover:bg-bg-alt transition-colors duration-200 motion-reduce:transition-none"
|
|
>
|
|
{resolvedSecondary.label}
|
|
</Link>
|
|
</div>
|
|
</section>
|
|
</main>
|
|
);
|
|
}
|