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 Owner { id: number; user_id: number; } interface OwnersIndexProps extends PageProps { owners: Owner[]; } export default function OwnersIndex({ auth, owners }: OwnersIndexProps) { const [isDeleteDialogOpen, setIsDeleteDialogOpen] = useState(false); const [selectedOwner, setSelectedOwner] = useState(null); const handleDeleteClick = (owner: Owner) => { setSelectedOwner(owner); setIsDeleteDialogOpen(true); }; const confirmDelete = () => { if (selectedOwner) { // Implement actual delete logic here console.log('Deleting owner:', selectedOwner.id); setIsDeleteDialogOpen(false); } }; return (

Owners

User ID Actions {owners.map((owner) => ( {owner.user_id} ))}

); }