spb/market-atlas

1"use client";23import Link from "next/link";4import { Page } from "@/components/ui/section";56export default function Error({ error, reset }: { error: Error & { digest?: string }; reset: () => void }) {7  return (8    <Page className="py-20 text-center">9      <p className="text-[11px] font-medium uppercase tracking-wide text-ink-3">Temporarily unavailable</p>10      <h1 className="mt-2 text-3xl font-semibold tracking-tight">The atlas could not load this view</h1>11      <p className="mx-auto mt-2 max-w-md text-sm text-ink-2">The market-data service did not answer in time. Live streaming may continue while this page recovers.</p>12      {error.digest && <p className="mono mt-2 text-[11px] text-ink-3">ref {error.digest}</p>}13      <div className="mt-6 flex justify-center gap-2">14        <button type="button" onClick={reset} className="inline-flex h-11 items-center rounded-md bg-ink px-4 text-sm font-medium text-canvas">15          Try again16        </button>17        <Link href="/status" className="inline-flex h-11 items-center rounded-md border border-rule px-4 text-sm">18          System status19        </Link>20      </div>21    </Page>22  );23}24