chrisryn/vynl
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add admin dashboard page with usage stats, user breakdown, admin-only nav

Browse Source
This commit is contained in:
root
2026-03-31 15:43:58 -05:00
parent cc8bb0dd09
commit 40322e8861
4 changed files with 216 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
frontend/src/components/Layout.tsx
View File

@@ -1,9 +1,11 @@
import { useState } from 'react'
import { Link, useLocation, useNavigate } from 'react-router-dom'
import { Disc3, LayoutDashboard, Fingerprint, ListMusic, Compass, Store, Heart, Crown, Menu, X, LogOut, User } from 'lucide-react'
import { Disc3, LayoutDashboard, Fingerprint, ListMusic, Compass, Store, Heart, Crown, Shield, Menu, X, LogOut, User } from 'lucide-react'
import { useAuth } from '../lib/auth'
const navItems = [
const ADMIN_EMAIL = 'chris.ryan@deepcutsai.com'
const baseNavItems = [
{ path: '/dashboard', label: 'Dashboard', icon: LayoutDashboard },
{ path: '/profile', label: 'My Taste', icon: Fingerprint },
{ path: '/playlists', label: 'Playlists', icon: ListMusic },
@@ -17,6 +19,10 @@ export default function Layout({ children }: { children: React.ReactNode }) {
const [mobileMenuOpen, setMobileMenuOpen] = useState(false)
const [userMenuOpen, setUserMenuOpen] = useState(false)
const { user, logout } = useAuth()
const navItems = user?.email === ADMIN_EMAIL
? [...baseNavItems, { path: '/admin', label: 'Admin', icon: Shield }]
: baseNavItems
const location = useLocation()
const navigate = useNavigate()