josh
5d9daee627
Backend: structured logger, env-validated config, graceful SIGTERM/SIGINT shutdown, per-IP rate limiter, per-tier scheduler concurrency latch, error context on previously-silent catches, compiled-JS Dockerfile stage. Frontend: lib/api.ts consolidates BACKEND_URL with lazy production-required check, root + per-segment error.tsx / not-found.tsx / loading.tsx, generateMetadata on park and ride pages, graceful fallback when backend is unreachable, Plausible script gated on env vars. Infra: CI runs lint + typecheck + tests on both packages before docker build, compose adds healthchecks, log rotation, and memory limits; .env.example documents every variable. Cleanup: removed empty app/api/parks/ dir and 0-byte root parks.db, moved wait-times-urls.txt into docs/, dropped an `as any` cast. Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
57 lines
1.8 KiB
TypeScript
57 lines
1.8 KiB
TypeScript
"use client";
|
|
|
|
import { useEffect } from "react";
|
|
import Link from "next/link";
|
|
|
|
export default function ParkError({ error, reset }: { error: Error & { digest?: string }; reset: () => void }) {
|
|
useEffect(() => {
|
|
console.error(error);
|
|
}, [error]);
|
|
|
|
return (
|
|
<main style={{ minHeight: "100vh", display: "grid", placeItems: "center", padding: 24, background: "var(--color-bg)" }}>
|
|
<div style={{ maxWidth: 480, textAlign: "center" }}>
|
|
<h1 style={{ fontSize: "1.2rem", fontWeight: 700, color: "var(--color-text)", marginBottom: 12 }}>
|
|
Could not load this park
|
|
</h1>
|
|
<p style={{ color: "var(--color-text-muted)", lineHeight: 1.6, fontSize: "0.9rem", marginBottom: 20 }}>
|
|
Try again in a moment, or head back to the calendar.
|
|
</p>
|
|
<div style={{ display: "flex", justifyContent: "center", gap: 10 }}>
|
|
<button
|
|
type="button"
|
|
onClick={reset}
|
|
style={{
|
|
padding: "8px 18px",
|
|
background: "var(--color-text)",
|
|
color: "var(--color-bg)",
|
|
border: "none",
|
|
borderRadius: 6,
|
|
fontSize: "0.85rem",
|
|
fontWeight: 600,
|
|
cursor: "pointer",
|
|
}}
|
|
>
|
|
Try again
|
|
</button>
|
|
<Link
|
|
href="/"
|
|
style={{
|
|
padding: "8px 18px",
|
|
background: "var(--color-surface)",
|
|
color: "var(--color-text)",
|
|
border: "1px solid var(--color-border)",
|
|
borderRadius: 6,
|
|
fontSize: "0.85rem",
|
|
fontWeight: 600,
|
|
textDecoration: "none",
|
|
}}
|
|
>
|
|
Back to calendar
|
|
</Link>
|
|
</div>
|
|
</div>
|
|
</main>
|
|
);
|
|
}
|