import GameGrid from '@/Components/game/GameGrid'; import PublicLayout from '@/Layouts/PublicLayout'; import { cn } from '@/lib/utils'; import { GameCard, Paginated } from '@/types/models'; import { Head, Link } from '@inertiajs/react'; import { NoIndex } from '@/Components/shared/Seo'; import { Star } from 'lucide-react'; type Entry = { status: string; my_score: number | null; game: GameCard }; type Props = { status: string | null; counts: Record; entries: Paginated; reviews: { id: number; title: string | null; body: string; game: { title: string; slug: string } | null; created_at: string }[]; }; const TABS = [ { value: null, label: 'All' }, { value: 'wishlist', label: 'Want to play' }, { value: 'playing', label: 'Playing' }, { value: 'played', label: 'Played' }, ] as const; export default function Library({ status, counts, entries, reviews }: Props) { const total = Object.values(counts).reduce((a, b) => a + Number(b), 0); return (

My library

{total} {total === 1 ? 'game' : 'games'} tracked

{entries.data.length ? ( <> e.game)} /> {entries.meta.last_page > 1 && (
{entries.links.prev && Previous} {entries.meta.current_page} / {entries.meta.last_page} {entries.links.next && Next}
)} ) : (

Nothing here yet.

Browse games
)} {reviews.length > 0 && (

Your recent reviews

{reviews.map((r) => (

{r.game?.title}

{r.title &&

{r.title}

}

{r.body}

))}
)}
); }