From 24c5f00677dfbdfd2decbd19bedab684a96f6d10 Mon Sep 17 00:00:00 2001
From: Victor Giers <mail@victorgiers.com>
Date: Thu, 8 Jan 2026 01:41:17 +0100
Subject: [PATCH] Update App.tsx for new quiz navigation link

---
 client/src/App.tsx | 17 ++++++++++++-----
 1 file changed, 12 insertions(+), 5 deletions(-)

diff --git a/client/src/App.tsx b/client/src/App.tsx
index 2d9de72..d0b8e26 100644
--- a/client/src/App.tsx
+++ b/client/src/App.tsx
@@ -18,12 +18,19 @@ export default function App() {
             IG Japanese Quizzer
           </NavLink>
           <nav>
-            <NavLink to="/" end className={({ isActive }) => (isActive ? 'link active' : 'link')}>
-              Overview
-            </NavLink>
-            <button className="link nav-link-btn" onClick={startRandomQuiz}>
+          <NavLink to="/" end className={({ isActive }) => (isActive ? 'link active' : 'link')}>
+            Overview
+          </NavLink>
+            <NavLink
+              to="/quiz?mode=all"
+              className={({ isActive }) => (isActive ? 'link active' : 'link')}
+              onClick={(e) => {
+                e.preventDefault();
+                startRandomQuiz();
+              }}
+            >
               New Random Quiz
-            </button>
+            </NavLink>
           </nav>
         </div>
       </header>