error.tsx

'use client';

import { messages } from '@/i18n';

/**
 * Route-level error boundary for the board. Next.js renders this client
 * component whenever a server/client render in this segment throws (e.g. the
 * backend is unreachable during SSR), with a reset() to retry.
 */
export default function BoardError({
  error,
  reset,
}: {
  error: Error & { digest?: string };
  reset: () => void;
}) {
  return (
    <div className="error-box">
      <h2 style={{ marginTop: 0 }}>{messages.errors.boardTitle}</h2>
      <p style={{ color: 'var(--text-dim)' }}>
        {error.message || messages.errors.boardBody}
      </p>
      <p style={{ color: 'var(--text-dim)', fontSize: 13 }}>
        {messages.errors.boardHint}
      </p>
      <button className="btn" onClick={reset}>
        {messages.errors.retry}
      </button>
    </div>
  );
}