import React from 'react' import AdminLayout from '../../Layouts/AdminLayout' import { Head } from '@inertiajs/react' function StatCard({ icon, label, value, color = 'sky' }) { const colors = { sky: 'from-sky-500/20 to-sky-500/5 border-sky-500/20 text-sky-400', rose: 'from-rose-500/20 to-rose-500/5 border-rose-500/20 text-rose-400', amber: 'from-amber-500/20 to-amber-500/5 border-amber-500/20 text-amber-400', violet: 'from-violet-500/20 to-violet-500/5 border-violet-500/20 text-violet-400', } return (

{label}

{value.toLocaleString()}

) } export default function Dashboard({ stats }) { return ( {/* Stats grid */}
{/* Quick links */}

Quick Actions

{[ { label: 'Manage Users', href: '/moderation/users', icon: 'fa-solid fa-users', desc: 'Search, promote or demote users' }, { label: 'Staff Roles', href: '/moderation/users?role=admin', icon: 'fa-solid fa-shield-halved', desc: 'View all admins, managers and editorial staff' }, { label: 'Username Queue', href: '/moderation/usernames/moderation', icon: 'fa-solid fa-id-badge', desc: 'Review pending username requests' }, { label: 'Upload Queue', href: '/moderation/uploads', icon: 'fa-solid fa-cloud-arrow-up', desc: 'Moderate pending artwork submissions' }, { label: 'Stories', href: '/moderation/stories', icon: 'fa-solid fa-feather-pointed', desc: 'Browse all creator stories' }, { label: 'Artworks', href: '/moderation/artworks', icon: 'fa-solid fa-images', desc: 'Browse all uploaded artworks' }, { label: 'Featured Artworks', href: '/moderation/artworks/featured', icon: 'fa-solid fa-star', desc: 'Curate the homepage featured artwork lineup' }, { label: 'AI Biography', href: '/moderation/ai-biography', icon: 'fa-solid fa-wand-magic-sparkles', desc: 'Review generated creator biographies and moderation flags' }, ].map((item) => (

{item.label}

{item.desc}

 ))}
) }