From f389b91e6e7e3f373b8e94898ab7b786ebdd27e1 Mon Sep 17 00:00:00 2001
From: Jez <jez@jezweb.com.au>
Date: Sat, 8 Nov 2025 14:58:48 +1100
Subject: [PATCH 1/2] fix: correct todos navigation link path

- Change /todos to /dashboard/todos to match actual route
- Fixes 404 error when clicking Todos in navigation
- Actual route is in app/dashboard/todos/page.tsx
---
 src/components/navigation.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/navigation.tsx b/src/components/navigation.tsx
index a6a3b0f..9595f27 100644
--- a/src/components/navigation.tsx
+++ b/src/components/navigation.tsx
@@ -22,7 +22,7 @@ export function Navigation() {
                                     Home
                                 </Button>
                             </Link>
-                            <Link href="/todos">
+                            <Link href="/dashboard/todos">
                                 <Button variant="ghost" size="sm">
                                     <CheckSquare className="mr-2 h-4 w-4" />
                                     Todos

From 9f73848281c66caa04de15d9b824aaa753800431 Mon Sep 17 00:00:00 2001
From: Jez <jez@jezweb.com.au>
Date: Sat, 8 Nov 2025 19:16:28 +1100
Subject: [PATCH 2/2] refactor: use route constants and semantic colors in
 navigation
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Import dashboardRoutes and todosRoutes for type-safe navigation
- Replace hardcoded paths with route constants (dashboardRoutes.dashboard, todosRoutes.list)
- Fix dark mode colors: bg-white → bg-card, remove text-gray-900
- Improves maintainability and dark mode support
---
 src/components/navigation.tsx | 12 +++++++-----
 1 file changed, 7 insertions(+), 5 deletions(-)

diff --git a/src/components/navigation.tsx b/src/components/navigation.tsx
index 9595f27..fb71dbf 100644
--- a/src/components/navigation.tsx
+++ b/src/components/navigation.tsx
@@ -2,27 +2,29 @@ import { CheckSquare, Home } from "lucide-react";
 import Link from "next/link";
 import { Button } from "@/components/ui/button";
 import LogoutButton from "../modules/auth/components/logout-button";
+import dashboardRoutes from "@/modules/dashboard/dashboard.route";
+import todosRoutes from "@/modules/todos/todos.route";
 
 export function Navigation() {
     return (
-        <nav className="border-b bg-white sticky top-0 z-50">
+        <nav className="border-b bg-card sticky top-0 z-50">
             <div className="container mx-auto px-4 py-3">
                 <div className="flex items-center justify-between">
                     <div className="flex items-center space-x-6">
                         <Link
-                            href="/"
-                            className="text-xl font-bold text-gray-900"
+                            href={dashboardRoutes.dashboard}
+                            className="text-xl font-bold"
                         >
                             TodoApp
                         </Link>
                         <div className="items-center space-x-4 hidden md:flex">
-                            <Link href="/">
+                            <Link href={dashboardRoutes.dashboard}>
                                 <Button variant="ghost" size="sm">
                                     <Home className="mr-2 h-4 w-4" />
                                     Home
                                 </Button>
                             </Link>
-                            <Link href="/dashboard/todos">
+                            <Link href={todosRoutes.list}>
                                 <Button variant="ghost" size="sm">
                                     <CheckSquare className="mr-2 h-4 w-4" />
                                     Todos