import MainLayout from "@/Layouts/MainLayout"; import { Head, Link, router } from "@inertiajs/react"; export default function AnggotaIndex({ anggotas }) { const handleDelete = (id) => { if (confirm("Yakin ingin menghapus anggota ini?")) { router.delete(`/anggota/${id}`); } }; return (

👥 Data Anggota

+ Tambah Anggota
{anggotas.data.map((anggota, index) => ( ))}
No Nama Email No Telepon Tgl Bergabung Status Aksi
{(anggotas.current_page - 1) * anggotas.per_page + index + 1} {anggota.nama} {anggota.email} {anggota.no_telepon ?? "-"} {anggota.tanggal_bergabung} {anggota.status}
Edit
{/* Pagination */}

Menampilkan {anggotas.from} - {anggotas.to} dari{" "} {anggotas.total} data

{anggotas.links.map((link, i) => ( ))}
); }