import { Card, PageHeader, StatCard, StatusBadge } from '@/Components/admin/primitives'; import { Button } from '@/Components/ui/button'; import AdminLayout from '@/Layouts/AdminLayout'; import { Head, Link } from '@inertiajs/react'; import { Gamepad2, MessageSquare, Plus, Star, Users } from 'lucide-react'; type Props = { stats: Record<'games' | 'published' | 'drafts' | 'users' | 'new_users' | 'ratings' | 'avg_rating' | 'reviews' | 'pending' | 'hidden', number>; activity: { date: string; ratings: number; signups: number }[]; top: { id: number; title: string; slug: string; wishlist_count: number; rating_avg: number }[]; recent_reviews: { id: number; body: string; status: string; user: string | null; game: { title: string; slug: string } | null; at: string }[]; }; function ActivityChart({ data }: { data: Props['activity'] }) { const max = Math.max(1, ...data.map((d) => Math.max(d.ratings, d.signups))); return (

{data.map((d) => (

))}

{data[0]?.date.slice(5)} RatingsSignups {data[data.length - 1]?.date.slice(5)}

); } export default function Dashboard({ stats, activity, top, recent_reviews }: Props) { return ( } />

{top.map((g, i) => (
{i + 1} {g.title} {g.wishlist_count}
))} {top.length === 0 &&
No data yet.
}

{recent_reviews.map((r) => (

{r.user} on {r.game ? {r.game.title} : '—'}

{r.body}

{r.at}
))} {recent_reviews.length === 0 &&
No reviews yet.
}

Moderate reviews →
); }