admin/components/feedback/RouteErrorView.tsx
alisaza e1eaf5eff5 feat: initial ghabilee-admin backoffice app
Extract admin dashboard from ghabilee-frontend2 into a dedicated Next.js
app for backoffice.ghabilee.ir (no SEO indexing / Clarity).
2026-09-05 13:12:59 +03:30

32 lines
937 B
TypeScript

'use client'
import Button from '@/components/formElements/Button'
import { texts, format } from '@/texts'
interface RouteErrorViewProps {
digest?: string
onRetry: () => void
}
export const RouteErrorView = ({ digest, onRetry }: RouteErrorViewProps) => (
<main
className="flex min-h-[100dvh] w-full flex-col items-center justify-center gap-4 px-6 text-center"
role="alert"
>
<div>
<h1 className="text-xl font-bold">{texts.common.somethingWentWrong}</h1>
<p className="mt-2 text-sm text-default-700">{texts.common.tryAgainOrSupport}</p>
{digest ? <p className="mt-2 font-mono text-xs text-default-700">{format(texts.common.trackingId, { digest })}</p> : null}
</div>
<div className="flex gap-2">
<Button onClick={onRetry}>{texts.common.retry}</Button>
<Button
to="/"
variant="flat"
>
{texts.common.backHome}
</Button>
</div>
</main>
)