From a7f69aeb2bc5347faa6b868634248c83714849bd Mon Sep 17 00:00:00 2001
From: Pierre Le Fevre <hello@pierrelf.com>
Date: Sat, 14 Mar 2026 17:59:28 +0100
Subject: [PATCH] Hide app navbar when in lesson view

Move the lesson route outside the AppShell layout route so the
main navigation bar (mascot, streak, XP, hearts, settings, logout)
is not shown during lessons, which have their own dedicated UI.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
---
 web/src/App.tsx | 12 ++++++++----
 1 file changed, 8 insertions(+), 4 deletions(-)

diff --git a/web/src/App.tsx b/web/src/App.tsx
index a99c056..d8b309f 100644
--- a/web/src/App.tsx
+++ b/web/src/App.tsx
@@ -76,13 +76,17 @@ function App() {
           }
         >
           <Route path="/home" element={<HomePage />} />
-          <Route
-            path="/lesson/:topicId/:lessonId"
-            element={<LessonPage />}
-          />
           <Route path="/review" element={<ReviewPage />} />
           <Route path="/settings" element={<SettingsPage />} />
         </Route>
+        <Route
+          path="/lesson/:topicId/:lessonId"
+          element={
+            <ProtectedRoute>
+              <LessonPage />
+            </ProtectedRoute>
+          }
+        />
       </Routes>
     </ThemeProvider>
   );
-- 
2.51.2