import { Head, router } from '@inertiajs/react'; import { Trash2 } from 'lucide-react'; import { useState } from 'react'; import { toast } from 'sonner'; import DashboardLayout from '@/components/dashboard/DashboardLayout'; import { DashboardPageHeader } from '@/components/dashboard/DashboardPageHeader'; import BulkActionBar from '@/components/dashboard/BulkActionBar'; import ConfirmDialog from '@/components/dashboard/ConfirmDialog'; import DataTable, { Column, Paginator } from '@/components/dashboard/DataTable'; import { Button } from '@/components/ui/button'; import { TableActionMenu, TableActionMenuContent, TableActionMenuItem, TableActionMenuLabel, TableActionMenuTrigger, } from '@/components/ui/table-action-menu'; import { useTranslation } from '@/contexts/LanguageContext'; import { useAppDate } from '@/lib/date'; import { formatNumber } from '@/lib/format'; interface FavoriteRow { id: number; created_at: string; user: { id: number; username: string } | null; game: { id: number; title: string; slug: string } | null; } interface Props { rows: Paginator; filters: { search: string; user_id: string | null; game_id: string | null }; } export default function FavoritesIndex({ rows, filters }: Props) { const { t } = useTranslation(); const { formatDateTime } = useAppDate(); const [selected, setSelected] = useState([]); const [deleteTarget, setDeleteTarget] = useState(null); function bulkDelete() { if (selected.length === 0) return; const count = selected.length; router.post( '/dashboard/favorites/bulk', { action: 'delete', ids: selected }, { preserveScroll: true, onSuccess: () => { setSelected([]); toast.success(`${count} favorite${count === 1 ? '' : 's'} deleted`); }, onError: (errors) => toast.error((Object.values(errors)[0] as string) || t('Failed')), }, ); } const columns: Column[] = [ { key: 'user', label: t('User'), cell: (row) => row.user ? ( {row.user.username} ) : ( — ), }, { key: 'game', label: t('Game'), cell: (row) => row.game ? ( {row.game.title} ) : ( — ), }, { key: 'created_at', label: t('Date'), cell: (row) => ( {formatDateTime(row.created_at)} ), }, ]; return ( (

{t('Actions')} setDeleteTarget(row)} > Delete

)} /> setSelected([])}> !open && setDeleteTarget(null)} title={t('Delete this favorite?')} description={t('This cannot be undone.')} confirmLabel={t('Delete')} onConfirm={() => { if (!deleteTarget) return; router.delete(`/dashboard/favorites/${deleteTarget.id}`, { preserveScroll: true, onSuccess: () => toast.success(t('Favorite deleted')), onError: (errors) => toast.error((Object.values(errors)[0] as string) || t('Delete failed')), }); }} /> ); }