From d8888af845b6977a0e7db90379992336f771a22e Mon Sep 17 00:00:00 2001
From: null <koga.industries@gmail.com>
Date: Sat, 9 May 2026 21:26:39 -0500
Subject: [PATCH] feat: add Roadmap nav link for admins

- Added Roadmap link in dropdown menu (below About), admin-only
- Added Roadmap in admin sidebar nav
- Added /admin/roadmap route pointing to AboutPage with admin prop
- Uses Map icon from lucide-react
---
 client/App.jsx                       | 12 ++++++++++++
 client/components/layout/Sidebar.jsx |  9 ++++++++-
 2 files changed, 20 insertions(+), 1 deletion(-)

diff --git a/client/App.jsx b/client/App.jsx
index c7a2d84..09fa203 100644
--- a/client/App.jsx
+++ b/client/App.jsx
@@ -101,6 +101,18 @@ export default function App() {
             </RequireAuth>
           }
         />
+        <Route
+          path="/admin/roadmap"
+          element={
+            <RequireAuth role="admin">
+              <ErrorBoundary>
+                <AdminShell>
+                  <AboutPage admin />
+                </AdminShell>
+              </ErrorBoundary>
+            </RequireAuth>
+          }
+        />
         <Route
           path="/admin/status"
           element={
diff --git a/client/components/layout/Sidebar.jsx b/client/components/layout/Sidebar.jsx
index 9bc9955..06e11a2 100644
--- a/client/components/layout/Sidebar.jsx
+++ b/client/components/layout/Sidebar.jsx
@@ -1,7 +1,7 @@
 import { useState, useMemo } from 'react';
 import { NavLink, useLocation, useNavigate } from 'react-router-dom';
 import {
-  Activity, BarChart3, CalendarDays, ChevronDown, ClipboardList, Database, Info, LayoutGrid, LogOut, Menu, Receipt,
+  Activity, BarChart3, CalendarDays, ChevronDown, ClipboardList, Database, Info, LayoutGrid, LogOut, Map, Menu, Receipt,
   Settings, ShieldCheck, Tag, User, X,
 } from 'lucide-react';
 import { cn } from '@/lib/utils';
@@ -27,6 +27,7 @@ const userNavItems = [
 const adminNavItems = [
   { to: '/admin', icon: ShieldCheck, label: 'Admin Panel', end: true },
   { to: '/admin/status', icon: Activity, label: 'System Status' },
+  { to: '/admin/roadmap', icon: Map, label: 'Roadmap' },
 ];
 
 const trackerItems = [
@@ -141,6 +142,12 @@ function UserMenu({ adminMode = false }) {
           <Info className="h-4 w-4" />
           About
         </DropdownMenuItem>
+        {user?.role === 'admin' && (
+          <DropdownMenuItem onSelect={() => navigate('/admin/roadmap')}>
+            <Map className="h-4 w-4" />
+            Roadmap
+          </DropdownMenuItem>
+        )}
         <DropdownMenuSeparator />
         <DropdownMenuItem destructive onSelect={handleLogout}>
           <LogOut className="h-4 w-4" />