From 181eeab4f80e9682b6158a2d7db046b9e903c187 Mon Sep 17 00:00:00 2001
From: DeathKaioken <alex.ibrahim@eitk.com>
Date: Sun, 18 Jan 2026 19:43:23 +0100
Subject: [PATCH] fix: header

---
 src/app/components/nav/Header.tsx | 147 +++---------------------------
 1 file changed, 11 insertions(+), 136 deletions(-)

diff --git a/src/app/components/nav/Header.tsx b/src/app/components/nav/Header.tsx
index 4ee6df4..9644e2e 100644
--- a/src/app/components/nav/Header.tsx
+++ b/src/app/components/nav/Header.tsx
@@ -80,8 +80,6 @@ export default function Header({ setGlobalLoggingOut }: HeaderProps) {
     : 'relative'
 
   const [hasReferralPerm, setHasReferralPerm] = useState(false)
-  const [adminMgmtOpen, setAdminMgmtOpen] = useState(false)
-  const managementRef = useRef<HTMLDivElement | null>(null)
   const [canSeeDashboard, setCanSeeDashboard] = useState(false)
   const headerElRef = useRef<HTMLElement | null>(null)
 
@@ -554,139 +552,6 @@ export default function Header({ setGlobalLoggingOut }: HeaderProps) {
         </div>
       </nav>
 
-      {/* Admin subheader (gold) - centered */}
-      {userPresent && isAdmin && (
-        <div
-          className="w-full border-t border-amber-700/40"
-          style={{ background: 'linear-gradient(90deg, #D4AF37 0%, #C99A2E 100%)' }}
-        >
-          <div className="mx-auto max-w-7xl px-6 lg:px-8">
-            <div className="flex flex-wrap items-center justify-center gap-5 py-2">
-              <span className="text-xs font-semibold uppercase tracking-wide text-[#3B2C04]/80">
-                Admin Navigation
-              </span>
-              <button
-                onClick={() => { router.push('/admin') }}
-                className="text-sm font-semibold text-[#0F1D37] hover:text-[#7A5E1A]"
-              >
-                Dashboard
-              </button>
-              <button
-                onClick={() => { router.push('/admin/user-verify') }}
-                className="text-sm font-semibold text-[#0F1D37] hover:text-[#7A5E1A]"
-              >
-                User Verify
-              </button>
-              {/* Updated Management dropdown */}
-              <div ref={managementRef} className="relative">
-                <button
-                  onClick={() => setAdminMgmtOpen(o => !o)}
-                  aria-haspopup="true"
-                  aria-expanded={adminMgmtOpen}
-                  className="text-sm font-semibold text-[#0F1D37] hover:text-[#7A5E1A] flex items-center gap-1"
-                >
-                  Management
-                  <ChevronDownIcon
-                    className={`h-4 w-4 transition-transform ${adminMgmtOpen ? 'rotate-180' : ''}`}
-                  />
-                </button>
-                {adminMgmtOpen && (
-                  <div
-                    className="absolute left-1/2 -translate-x-1/2 mt-2 min-w-[15rem] rounded-md bg-white shadow-lg ring-1 ring-black/10 z-50"
-                    role="menu"
-                  >
-                    <div className="py-2">
-                      <button
-                        onClick={() => { router.push('/admin/user-management'); setAdminMgmtOpen(false); }}
-                        className="w-full text-left px-4 py-2 text-sm text-[#0F1D37] hover:bg-[#F5F3EE]"
-                        role="menuitem"
-                      >
-                        User Management
-                      </button>
-
-                      {DISPLAY_MATRIX && (
-                        <button
-                          onClick={() => { router.push('/admin/matrix-management'); setAdminMgmtOpen(false); }}
-                          className="w-full text-left px-4 py-2 text-sm text-[#0F1D37] hover:bg-[#F5F3EE]"
-                          role="menuitem"
-                        >
-                          Matrix Management
-                        </button>
-                      )}
-
-                      <button
-                        onClick={() => { router.push('/admin/contract-management'); setAdminMgmtOpen(false); }}
-                        className="w-full text-left px-4 py-2 text-sm text-[#0F1D37] hover:bg-[#F5F3EE]"
-                        role="menuitem"
-                      >
-                        Contract Management
-                      </button>
-
-                      {DISPLAY_ABONEMENTS && (
-                        <>
-                          <button
-                            onClick={() => { router.push('/admin/subscriptions'); setAdminMgmtOpen(false); }}
-                            className="w-full text-left px-4 py-2 text-sm text-[#0F1D37] hover:bg-[#F5F3EE]"
-                            role="menuitem"
-                          >
-                            Coffee Management
-                          </button>
-                          <button
-                            onClick={() => { router.push('/admin/finance-management'); setAdminMgmtOpen(false); }}
-                            className="w-full text-left px-4 py-2 text-sm text-[#0F1D37] hover:bg-[#F5F3EE]"
-                            role="menuitem"
-                          >
-                            Finance Management
-                          </button>
-                        </>
-                      )}
-
-                      {DISPLAY_POOLS && (
-                        <button
-                          onClick={() => { router.push('/admin/pool-management'); setAdminMgmtOpen(false); }}
-                          className="w-full text-left px-4 py-2 text-sm text-[#0F1D37] hover:bg-[#F5F3EE]"
-                          role="menuitem"
-                        >
-                          Pool Management
-                        </button>
-                      )}
-
-                      <button
-                        onClick={() => { router.push('/admin/affiliate-management'); setAdminMgmtOpen(false); }}
-                        className="w-full text-left px-4 py-2 text-sm text-[#0F1D37] hover:bg-[#F5F3EE]"
-                        role="menuitem"
-                      >
-                        Affiliate Management
-                      </button>
-
-                      {DISPLAY_NEWS && (
-                        <button
-                          onClick={() => { router.push('/admin/news-management'); setAdminMgmtOpen(false); }}
-                          className="w-full text-left px-4 py-2 text-sm text-[#0F1D37] hover:bg-[#F5F3EE]"
-                          role="menuitem"
-                        >
-                          News Management
-                        </button>
-                      )}
-
-                      {isAdminOrSuper && (
-                        <button
-                          onClick={() => { router.push('/admin/dev-management'); setAdminMgmtOpen(false); }}
-                          className="w-full text-left px-4 py-2 text-sm text-[#0F1D37] hover:bg-[#F5F3EE]"
-                          role="menuitem"
-                        >
-                          Dev Management
-                        </button>
-                      )}
-                    </div>
-                  </div>
-                )}
-              </div>
-            </div>
-          </div>
-        </div>
-      )}
-
       {/* Side drawer menu: mobile + desktop */}
       <Dialog open={mobileMenuOpen} onClose={setMobileMenuOpen}>
         <Transition appear show={mobileMenuOpen}>
@@ -864,7 +729,7 @@ export default function Header({ setGlobalLoggingOut }: HeaderProps) {
                           </>
                         )}
 
-                        {/* Admin navigation – LAST, neutral glassy with pulsating hover */}
+                        {/* Admin navigation – LAST */}
                         {isAdmin && (
                           <div className="group mt-2 rounded-2xl border border-white/15 bg-gradient-to-br from-white/5 via-white/10 to-white/5 bg-clip-padding backdrop-blur-md shadow-[0_18px_45px_rgba(0,0,0,0.45)] ring-1 ring-white/15 transition-transform transition-shadow duration-200 ease-out hover:-translate-y-0.5 hover:shadow-[0_22px_55px_rgba(0,0,0,0.6)]">
                             <div className="px-3 py-2.5 group-hover:animate-pulse">
@@ -943,6 +808,16 @@ export default function Header({ setGlobalLoggingOut }: HeaderProps) {
                                     News Management
                                   </button>
                                 )}
+
+                                {/* ADDED: Dev Management in hamburger admin nav */}
+                                {isAdminOrSuper && (
+                                  <button
+                                    onClick={() => { router.push('/admin/dev-management'); setMobileMenuOpen(false); }}
+                                    className="w-full text-left rounded-lg px-2 py-1.5 text-gray-100 hover:bg-white/15 hover:text-white transition-colors"
+                                  >
+                                    Dev Management
+                                  </button>
+                                )}
                               </div>
                             </div>
                           </div>