import { Button } from '@/components/ui/button'; import { Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle } from '@/components/ui/dialog'; import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from '@/components/ui/table'; import AppLayout from '@/layouts/app-layout'; import { PageProps } from '@/types'; import { Head, Link } from '@inertiajs/react'; import { useState } from 'react'; interface Agency { id: number; name: string; description: string; logo_url: string; } interface AgenciesIndexProps extends PageProps { agencies: Agency[]; } export default function AgenciesIndex({ auth, agencies }: AgenciesIndexProps) { const [isDeleteDialogOpen, setIsDeleteDialogOpen] = useState(false); const [selectedAgency, setSelectedAgency] = useState(null); const handleDeleteClick = (agency: Agency) => { setSelectedAgency(agency); setIsDeleteDialogOpen(true); }; const confirmDelete = () => { if (selectedAgency) { // Implement actual delete logic here console.log('Deleting agency:', selectedAgency.id); setIsDeleteDialogOpen(false); } }; return (

Agencies

Name Description Actions {agencies.map((agency) => ( {agency.name} {agency.description} ))}

); }