From 3affaec1dd33be593be4a4c5992a354203e7bb81 Mon Sep 17 00:00:00 2001
From: Victor Giers <mail@victorgiers.com>
Date: Thu, 8 Jan 2026 01:54:59 +0100
Subject: [PATCH] Add button to start random reel in App component

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

diff --git a/client/src/App.tsx b/client/src/App.tsx
index d0b8e26..64a8913 100644
--- a/client/src/App.tsx
+++ b/client/src/App.tsx
@@ -9,6 +9,9 @@ export default function App() {
   const startRandomQuiz = () => {
     navigate(`/quiz?mode=all&nonce=${Date.now()}`);
   };
+  const startRandomReel = () => {
+    navigate(`/entry/random?nonce=${Date.now()}`);
+  };
 
   return (
     <div className="app-shell">
@@ -18,9 +21,9 @@ export default function App() {
             IG Japanese Quizzer
           </NavLink>
           <nav>
-          <NavLink to="/" end className={({ isActive }) => (isActive ? 'link active' : 'link')}>
-            Overview
-          </NavLink>
+            <NavLink to="/" end className={({ isActive }) => (isActive ? 'link active' : 'link')}>
+              Overview
+            </NavLink>
             <NavLink
               to="/quiz?mode=all"
               className={({ isActive }) => (isActive ? 'link active' : 'link')}
@@ -31,6 +34,9 @@ export default function App() {
             >
               New Random Quiz
             </NavLink>
+            <button className="link nav-link-btn" onClick={startRandomReel}>
+              Random Reel
+            </button>
           </nav>
         </div>
       </header>