import AppLayout from '@/layouts/app-layout'; import { index as alertIndex } from '@/routes/alerts'; import { type BreadcrumbItem, Notification as Alert } from '@/types'; import { Head, usePage } from '@inertiajs/react'; import RegisterBannerCard from "@/components/register-banner-card"; import { buildAlertColumns, columns as defaultColumns, type AlertAction, } from '@/components/tables/alerts/columns'; import { DataTable } from '@/components/tables/alerts/data-table'; import { useState } from 'react'; import DeleteAlert from './delete'; import CreateAlert from './store'; import UpdateAlert from './update'; const breadcrumbs: BreadcrumbItem[] = [ { title: 'Alertas', href: alertIndex().url, }, ]; interface Props { alerts: Alert[]; [key: string]: unknown; } export default function AlertAdmin() { const { alerts } = usePage().props; // Estados para crear, editar y eliminar const [open, setOpen] = useState(false); const [editOpen, setEditOpen] = useState(false); const [deleteOpen, setDeleteOpen] = useState(false); const [selectedAlert, setSelectedAlert] = useState(null); // Acciones de la tabla const onAlertAction: ((action: AlertAction, row: Alert) => void) | undefined = (action, row) => { if (action === 'edit') { setSelectedAlert(row); setEditOpen(true); } else if (action === 'delete') { setSelectedAlert(row); setDeleteOpen(true); } // ...puedes manejar otras acciones aquí... }; const actionVisibility = { view: true, edit: true, delete: true, duplicate: false, }; const alertColumns = onAlertAction ? buildAlertColumns(onAlertAction, actionVisibility) : defaultColumns; // Handlers para cerrar los modales y limpiar selectedAlert const handleEditClose = (open: boolean) => { setEditOpen(open); if (!open) setSelectedAlert(null); }; const handleDeleteClose = (open: boolean) => { setDeleteOpen(open); if (!open) setSelectedAlert(null); }; return (

setOpen(true)} createButtonText="Crear alerta" /> {selectedAlert && ( <> )}

); }