From b55a929fd87d35337cf654296c5730eb9c44f028 Mon Sep 17 00:00:00 2001
From: Madhura68 <janpetervisser2@gmail.com>
Date: Fri, 8 May 2026 02:03:18 +0200
Subject: [PATCH] refactor: verplaats Manual en Admin naar user-menu dropdown

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
---
 components/shared/nav-bar.tsx   |  2 --
 components/shared/user-menu.tsx | 16 +++++++++++++++-
 2 files changed, 15 insertions(+), 3 deletions(-)

diff --git a/components/shared/nav-bar.tsx b/components/shared/nav-bar.tsx
index 0f280be..f8840d8 100644
--- a/components/shared/nav-bar.tsx
+++ b/components/shared/nav-bar.tsx
@@ -144,8 +144,6 @@ export function NavBar({
           {navLink('/insights', 'Insights', pathname.startsWith('/insights'))}
           {navLink('/ideas', 'Ideas', pathname.startsWith('/ideas'))}
           {navLink('/jobs', 'Jobs', pathname.startsWith('/jobs'))}
-          {navLink('/manual', 'Manual', pathname.startsWith('/manual'))}
-          {roles.includes('ADMIN') && navLink('/admin', 'Admin', pathname.startsWith('/admin'))}
         </nav>
       </div>
 
diff --git a/components/shared/user-menu.tsx b/components/shared/user-menu.tsx
index 12e9b54..7283222 100644
--- a/components/shared/user-menu.tsx
+++ b/components/shared/user-menu.tsx
@@ -2,7 +2,7 @@
 
 import { useTransition } from 'react'
 import Link from 'next/link'
-import { Settings, Sun, Globe, LogOut } from 'lucide-react'
+import { Settings, Sun, Globe, LogOut, BookOpen, Shield } from 'lucide-react'
 import { logoutAction } from '@/actions/auth'
 import { Avatar, AvatarFallback, AvatarImage } from '@/components/ui/avatar'
 import { Badge } from '@/components/ui/badge'
@@ -112,6 +112,20 @@ export function UserMenu({ userId, username, email, roles }: UserMenuProps) {
 
         <DropdownMenuSeparator />
 
+        <DropdownMenuItem render={<Link href="/manual" />}>
+          <BookOpen className="mr-2 h-4 w-4" />
+          <span>Manual</span>
+        </DropdownMenuItem>
+
+        {roles.includes('ADMIN') && (
+          <DropdownMenuItem render={<Link href="/admin" />}>
+            <Shield className="mr-2 h-4 w-4" />
+            <span>Admin</span>
+          </DropdownMenuItem>
+        )}
+
+        <DropdownMenuSeparator />
+
         <DropdownMenuItem
           onClick={handleLogout}
           onSelect={handleLogout}