mirror of
https://github.com/diegosouzapw/OmniRoute.git
synced 2026-08-01 04:42:10 +03:00
8dc93ade6d
* feat(i18n): add Turkish locale-aware text helpers (search/sort) * test(i18n): cover null/whitespace edges + document compareTr/normalize contract * fix(i18n): route dashboard search through Turkish-safe matchesSearch * fix(i18n): sort user-visible lists with Turkish collation (compareTr) * fix(i18n): keep providerId tiebreaker as ASCII sort (technical id) * docs(i18n): document intentional lang=en in global-error boundary * chore(lint): guard against locale-unsafe toLowerCase().includes search * fix(i18n): migrate missed provider-name search + harden lint disable placement * fix(i18n): downgrade no-restricted-syntax to warn (incremental adoption) The rule errored on ~19 pre-existing toLowerCase().includes() call-sites in src/app accumulated since this PR's base. Keep it as a warning so the guard-rail guides future code without breaking the 0-errors lint gate (project policy: 0 errors, warnings tolerated). --------- Co-authored-by: diegosouzapw <diegosouza.pw@gmail.com>
62 lines
2.7 KiB
TypeScript
62 lines
2.7 KiB
TypeScript
"use client";
|
||
|
||
/**
|
||
* Global Error Page — FASE-04 Error Handling
|
||
*
|
||
* Root-level error boundary for unrecoverable errors.
|
||
* This is the last resort — catches errors that the per-page
|
||
* error.js boundaries don't handle.
|
||
*/
|
||
|
||
interface GlobalErrorProps {
|
||
error: Error & { digest?: string };
|
||
reset: () => void;
|
||
}
|
||
|
||
export default function GlobalError({ error, reset }: GlobalErrorProps) {
|
||
return (
|
||
// lang="en" is intentional: global-error is a client-side root boundary that
|
||
// renders ABOVE the next-intl provider, so the active locale isn't reliably
|
||
// available here. Its visible text is static English, so lang="en" stays
|
||
// consistent with the content. User-facing locale is handled by the normal
|
||
// layout (<html lang={locale}> in src/app/layout.tsx).
|
||
<html lang="en">
|
||
<body className="flex flex-col items-center justify-center min-h-screen p-6 bg-bg text-text-main font-[system-ui,-apple-system,sans-serif] text-center m-0">
|
||
<main role="alert" aria-live="assertive" className="flex flex-col items-center">
|
||
<div className="text-[64px] mb-4" aria-hidden="true">
|
||
⚠️
|
||
</div>
|
||
<h1 className="text-[28px] font-bold mb-2">Something went wrong</h1>
|
||
<p className="text-[15px] text-text-muted max-w-[400px] leading-relaxed mb-6">
|
||
An unexpected error occurred. This has been logged and our team will investigate.
|
||
</p>
|
||
{process.env.NODE_ENV === "development" && error?.message && (
|
||
<pre
|
||
className="p-4 rounded-lg bg-red-500/10 border border-red-500/30 text-red-500 text-xs max-w-[600px] overflow-auto text-left mb-6"
|
||
aria-label="Error details"
|
||
>
|
||
{error.message}
|
||
</pre>
|
||
)}
|
||
<div className="flex flex-col sm:flex-row gap-3">
|
||
<button
|
||
onClick={reset}
|
||
aria-label="Retry loading the page"
|
||
className="px-8 py-3 rounded-[10px] text-white border-none text-sm font-semibold cursor-pointer transition-transform duration-200 motion-reduce:transition-none motion-reduce:transform-none shadow-warm hover:-translate-y-0.5 bg-gradient-to-br from-primary to-primary-hover focus:outline-2 focus:outline-offset-2 focus:outline-primary"
|
||
>
|
||
Try Again
|
||
</button>
|
||
<a
|
||
href="/status"
|
||
className="px-8 py-3 rounded-[10px] text-sm font-semibold border border-[var(--color-border)] hover:bg-[var(--color-bg-alt)] no-underline focus:outline-2 focus:outline-offset-2 focus:outline-primary"
|
||
aria-label="Open system status"
|
||
>
|
||
System Status
|
||
</a>
|
||
</div>
|
||
</main>
|
||
</body>
|
||
</html>
|
||
);
|
||
}
|