From 7294793125c5533cfe31d925e4e88608635fd77c Mon Sep 17 00:00:00 2001
From: April Eaton <dev@aprileaton.net>
Date: Mon, 12 Jan 2026 16:39:31 +0100
Subject: [PATCH] Extract navigation links to private component

---
 client/src/components/header/nav.tsx | 16 ++++++++++------
 1 file changed, 10 insertions(+), 6 deletions(-)

diff --git a/client/src/components/header/nav.tsx b/client/src/components/header/nav.tsx
index 68d2f24..26938fb 100644
--- a/client/src/components/header/nav.tsx
+++ b/client/src/components/header/nav.tsx
@@ -5,13 +5,17 @@ export function Nav() {
   return (
     <nav>
       <ul>
-        <li>
-          <Link to="/">Home</Link>
-        </li>
-        <li>
-          <Link to="/about">About</Link>
-        </li>
+        <NavLink path="/" name="Home" />
+        <NavLink path="/about" name="About" />
       </ul>
     </nav>
   );
 }
+
+function NavLink(props: { path: string; name: string }) {
+  return (
+    <li>
+      <Link to={props.path}>{props.name}</Link>
+    </li>
+  );
+}