fix: header
This commit is contained in:
DeathKaioken
parent
8da784d06b
commit
181eeab4f8
@ -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>
|
||||
|
||||
Loading…
Reference in New Issue
Block a user