From 3b825a1cf2ac6fdbadd382968a7bef05288c0f6f Mon Sep 17 00:00:00 2001
From: wangdl <wangdl2900@163.com>
Date: Thu, 18 Jun 2026 18:00:49 +0800
Subject: [PATCH] fix: add missing learning sub-page routes in App.tsx

9 sub-pages (events, sessions, progress, daily, records, timeline,
anomalies, user-diagnose, material-diagnose) were defined in
routes/index.tsx but not registered as React Router <Route> elements,
causing 404 for all /learning/* pages except dashboard and replay.

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
---
 src/App.tsx | 18 ++++++++++++++++++
 1 file changed, 18 insertions(+)

diff --git a/src/App.tsx b/src/App.tsx
index a759757..f0b156e 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -45,6 +45,15 @@ const NotificationAdmin = lazy(() => import('./pages/NotificationAdmin'))
 const CacheAdmin = lazy(() => import('./pages/CacheAdmin'))
 const LearningData = lazy(() => import('./pages/LearningData'))
 const LearningDashboard = lazy(() => import('./pages/learning/Dashboard'))
+const ReadingEventPage = lazy(() => import('./pages/learning/DataPages').then(m => ({ default: m.ReadingEventPage })))
+const SessionPage = lazy(() => import('./pages/learning/DataPages').then(m => ({ default: m.SessionPage })))
+const ProgressPage = lazy(() => import('./pages/learning/DataPages').then(m => ({ default: m.ProgressPage })))
+const DailyActivityPage = lazy(() => import('./pages/learning/DataPages').then(m => ({ default: m.DailyActivityPage })))
+const RecordPage = lazy(() => import('./pages/learning/DataPages').then(m => ({ default: m.RecordPage })))
+const AnomalyPage = lazy(() => import('./pages/learning/DataPages').then(m => ({ default: m.AnomalyPage })))
+const UserTimelinePage = lazy(() => import('./pages/learning/DataPages').then(m => ({ default: m.UserTimelinePage })))
+const UserDiagnosePage = lazy(() => import('./pages/learning/DataPages').then(m => ({ default: m.UserDiagnosePage })))
+const MaterialDiagnosePage = lazy(() => import('./pages/learning/DataPages').then(m => ({ default: m.MaterialDiagnosePage })))
 const LearningReplay = lazy(() => import('./pages/learning/ReplayPage'))
 const BackupAdmin = lazy(() => import('./pages/BackupAdmin'))
 const ReportingAdmin = lazy(() => import('./pages/ReportingAdmin'))
@@ -185,6 +194,15 @@ function App() {
                   <Route path="reviews" element={<Suspense fallback={<PageLoading />}><ReviewAdmin /></Suspense>} />
                   <Route path="learning-data" element={<Suspense fallback={<PageLoading />}><LearningData /></Suspense>} />
                   <Route path="learning" element={<Suspense fallback={<PageLoading />}><LearningDashboard /></Suspense>} />
+                  <Route path="learning/events" element={<Suspense fallback={<PageLoading />}><ReadingEventPage /></Suspense>} />
+                  <Route path="learning/sessions" element={<Suspense fallback={<PageLoading />}><SessionPage /></Suspense>} />
+                  <Route path="learning/progress" element={<Suspense fallback={<PageLoading />}><ProgressPage /></Suspense>} />
+                  <Route path="learning/daily" element={<Suspense fallback={<PageLoading />}><DailyActivityPage /></Suspense>} />
+                  <Route path="learning/records" element={<Suspense fallback={<PageLoading />}><RecordPage /></Suspense>} />
+                  <Route path="learning/timeline" element={<Suspense fallback={<PageLoading />}><UserTimelinePage /></Suspense>} />
+                  <Route path="learning/anomalies" element={<Suspense fallback={<PageLoading />}><AnomalyPage /></Suspense>} />
+                  <Route path="learning/user-diagnose" element={<Suspense fallback={<PageLoading />}><UserDiagnosePage /></Suspense>} />
+                  <Route path="learning/material-diagnose" element={<Suspense fallback={<PageLoading />}><MaterialDiagnosePage /></Suspense>} />
                   <Route path="learning/replay" element={<Suspense fallback={<PageLoading />}><LearningReplay /></Suspense>} />
                   <Route path="backup" element={<Suspense fallback={<PageLoading />}><BackupAdmin /></Suspense>} />
                   <Route path="reporting" element={<Suspense fallback={<PageLoading />}><ReportingAdmin /></Suspense>} />