From 2a31e5ce7174702175622720204d45581fa91c43 Mon Sep 17 00:00:00 2001
From: Victor Giers <mail@victorgiers.com>
Date: Thu, 8 Jan 2026 01:55:33 +0100
Subject: [PATCH] Convert button to NavLink for Random Reel in App.tsx

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

diff --git a/client/src/App.tsx b/client/src/App.tsx
index 64a8913..ea22ef3 100644
--- a/client/src/App.tsx
+++ b/client/src/App.tsx
@@ -34,9 +34,16 @@ export default function App() {
             >
               New Random Quiz
             </NavLink>
-            <button className="link nav-link-btn" onClick={startRandomReel}>
+            <NavLink
+              to="/entry/random"
+              className={({ isActive }) => (isActive ? 'link active' : 'link')}
+              onClick={(e) => {
+                e.preventDefault();
+                startRandomReel();
+              }}
+            >
               Random Reel
-            </button>
+            </NavLink>
           </nav>
         </div>
       </header>