From fdea8443fb10638be0b016f064b2c5d53b621133 Mon Sep 17 00:00:00 2001
From: josh <josh@thewrightserver.net>
Date: Sat, 4 Apr 2026 20:07:43 -0400
Subject: [PATCH] fix: restore arrow key week navigation; improve empty state
 copy

- WeekNav: add keydown listener for ArrowLeft/ArrowRight week nav
- EmptyState: replace dev-facing "No data scraped yet" + npm commands
  with customer-friendly "Schedule not available yet" message

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 components/EmptyState.tsx | 16 +++-------------
 components/WeekNav.tsx    | 11 +++++++++++
 2 files changed, 14 insertions(+), 13 deletions(-)

diff --git a/components/EmptyState.tsx b/components/EmptyState.tsx
index 2afbabd..c7b477d 100644
--- a/components/EmptyState.tsx
+++ b/components/EmptyState.tsx
@@ -10,21 +10,11 @@ export function EmptyState() {
       color: "var(--color-text-muted)",
     }}>
       <div style={{ fontSize: "2rem" }}>📅</div>
-      <div style={{ fontSize: "1rem", fontWeight: 600, color: "var(--color-text)" }}>No data scraped yet</div>
+      <div style={{ fontSize: "1rem", fontWeight: 600, color: "var(--color-text)" }}>Schedule not available yet</div>
       <div style={{ fontSize: "0.85rem", textAlign: "center", lineHeight: 1.6 }}>
-        Run the following to populate the calendar:
+        Park hours for this period haven&apos;t been published yet.<br />
+        Check back closer to your visit.
       </div>
-      <pre style={{
-        background: "var(--color-surface)",
-        border: "1px solid var(--color-border)",
-        borderRadius: 8,
-        padding: "12px 20px",
-        fontSize: "0.8rem",
-        color: "var(--color-text)",
-        lineHeight: 1.8,
-      }}>
-        npm run discover{"\n"}npm run scrape
-      </pre>
     </div>
   );
 }
diff --git a/components/WeekNav.tsx b/components/WeekNav.tsx
index 766b274..ebd25b8 100644
--- a/components/WeekNav.tsx
+++ b/components/WeekNav.tsx
@@ -1,5 +1,6 @@
 "use client";
 
+import { useEffect } from "react";
 import { useRouter } from "next/navigation";
 
 interface WeekNavProps {
@@ -35,6 +36,16 @@ export function WeekNav({ weekStart, weekDates, isCurrentWeek }: WeekNavProps) {
   const nav = (delta: number) =>
     router.push(`/?week=${shiftWeek(weekStart, delta)}`);
 
+  useEffect(() => {
+    const onKey = (e: KeyboardEvent) => {
+      if (e.target instanceof HTMLInputElement || e.target instanceof HTMLTextAreaElement) return;
+      if (e.key === "ArrowLeft")  nav(-1);
+      if (e.key === "ArrowRight") nav(1);
+    };
+    window.addEventListener("keydown", onKey);
+    return () => window.removeEventListener("keydown", onKey);
+  }, [weekStart]);
+
   return (
     <div style={{ display: "flex", alignItems: "center", gap: 8 }}>
       <button