From 48017facf0fa09aa2c8763ae5708b33d18ba02b8 Mon Sep 17 00:00:00 2001
From: Andymick <andymick03@yahoo.com>
Date: Thu, 16 Jul 2026 20:33:06 +0100
Subject: [PATCH] Use AdminMenu component in header

- Import and use existing AdminMenu component instead of simple link
- Displays dropdown menu with all admin section links when clicked
- Includes logout button in admin menu

Co-Authored-By: Claude Haiku 4.5 <noreply@anthropic.com>
---
 src/components/Header.tsx | 7 ++-----
 1 file changed, 2 insertions(+), 5 deletions(-)

diff --git a/src/components/Header.tsx b/src/components/Header.tsx
index 5eb428a..f3db79b 100644
--- a/src/components/Header.tsx
+++ b/src/components/Header.tsx
@@ -9,6 +9,7 @@ import MobileNav from './MobileNav';
 import { prisma } from '@/lib/prisma';
 import { getCurrentCustomer } from '@/lib/auth';
 import { isAdminAuthenticated } from '@/lib/adminAuth';
+import AdminMenu from './AdminMenu';
 
 export default async function Header() {
   const [categories, collections, customer, isAdmin] = await Promise.all([
@@ -71,11 +72,7 @@ export default async function Header() {
         </nav>
         <div className="flex items-center gap-2 sm:gap-4">
           <CurrencySelector />
-          {isAdmin && (
-            <Link href="/admin/orders" className="tag-label hover:text-ink">
-              Admin
-            </Link>
-          )}
+          {isAdmin && <AdminMenu />}
           <div className="hidden md:block">
             <AccountMenu customer={customer ? { name: customer.name, email: customer.email } : null} />
           </div>