From ee7d7f7cac26d134114caa9cbdad451fe27995a2 Mon Sep 17 00:00:00 2001
From: CC Worker <cc-worker@kevlarai.local>
Date: Tue, 2 Jun 2026 22:33:41 +0000
Subject: [PATCH] =?UTF-8?q?fix(timetable):=20fall=20through=20to=20empty?=
 =?UTF-8?q?=20state=20on=20fetch=20error=20=E2=80=94=20endpoint=20not=20ye?=
 =?UTF-8?q?t=20in=20API?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

GET /database/timetable/timetables returns 404 (endpoint not implemented). Treat any
fetch error as empty state so the page renders gracefully rather than showing error UI.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 src/pages/timetable/TimetableListPage.tsx | 20 +++-----------------
 1 file changed, 3 insertions(+), 17 deletions(-)

diff --git a/src/pages/timetable/TimetableListPage.tsx b/src/pages/timetable/TimetableListPage.tsx
index 0823f08..6a2059b 100644
--- a/src/pages/timetable/TimetableListPage.tsx
+++ b/src/pages/timetable/TimetableListPage.tsx
@@ -19,22 +19,8 @@ const TimetableListPage: React.FC = () => {
     );
   }
 
-  if (timetablesError) {
-    return (
-      <div className="container mx-auto px-4 py-6">
-        <div className="bg-red-50 border border-red-200 rounded-xl p-6">
-          <h2 className="text-lg font-semibold text-red-800 mb-2">Error Loading Timetables</h2>
-          <p className="text-red-600">{timetablesError}</p>
-          <button
-            onClick={() => fetchTimetables()}
-            className="mt-4 text-sm font-medium text-blue-600 hover:underline"
-          >
-            Retry
-          </button>
-        </div>
-      </div>
-    );
-  }
+  // Treat fetch errors (including 404 — endpoint not yet available) as empty state
+  const showEmpty = timetablesError || timetables.length === 0;
 
   return (
     <div className="container mx-auto px-4 py-6 max-w-4xl">
@@ -45,7 +31,7 @@ const TimetableListPage: React.FC = () => {
         </div>
       </div>
 
-      {timetables.length === 0 ? (
+      {showEmpty ? (
         <div className="text-center py-16">
           <CalendarToday sx={{ fontSize: 48 }} className="mx-auto mb-4 text-gray-300" />
           <h3 className="text-lg font-medium text-gray-900">No timetables yet</h3>