import { DataTable } from '@/components/data-table'; import { Button } from '@/components/ui/button'; import { useTranslation } from '@/hooks/use-translation'; import AppLayout from '@/layouts/app-layout'; import { ClicToPayTransaction, type BreadcrumbItem } from '@/types'; import { Head, usePage } from '@inertiajs/react'; import { AlertTriangle, Plus } from 'lucide-react'; import { useEffect, useState } from 'react'; import { toast } from 'sonner'; import { getColumns } from './columns'; import { FiltersCard, type CurrentFilters } from './filters-card'; import GenerateLinkDialog from './generate-link-dialog'; interface PageProps { transactions: ClicToPayTransaction[]; currentFilters: CurrentFilters; statusOptions: { value: string; label: string }[]; creators: { id: number; name: string }[]; franchises: { id: number; name: string }[]; enabled: boolean; flash?: { type: string; message: string }; [key: string]: unknown; } export default function Index() { const { t } = useTranslation(); const { transactions, currentFilters, statusOptions, creators, franchises, enabled, flash } = usePage().props; const [dialogOpen, setDialogOpen] = useState(false); const breadcrumbs: BreadcrumbItem[] = [{ title: t('clictopay', 'title'), href: '/paiements/en-ligne' }]; useEffect(() => { if (flash?.type === 'success') toast.success(flash.message); else if (flash?.type === 'error') toast.error(flash.message); }, [flash]); return (

{t('clictopay', 'title')}

{t('clictopay', 'subtitle')}

{!enabled && (

{t('clictopay', 'disabled_banner')}

)}

); }