import React, { useState, useEffect } from 'react'; import { Head } from '@inertiajs/react'; import ModalInput from '@/Components/ModalInput'; import { useDispatch } from 'react-redux'; import { setPageTitle } from '@/Components/features/common/headerSlice'; import { CurrencyDollarIcon } from '@heroicons/react/24/outline' export default function ManualPayment({ wallet }) { const [searchTerm, setSearchTerm] = useState(''); const [filteredSantri, setFilteredSantri] = useState([]); const dispatch = useDispatch(); useEffect(() => { dispatch(setPageTitle("Data Dompet Santri")); }, [dispatch]); // console.log(santri.id) useEffect(() => { if (wallet?.data) { setFilteredSantri( wallet.data.filter(item => item.nama.toLowerCase().includes(searchTerm.toLowerCase()) || item.nis.toString().includes(searchTerm) ) ); } }, [searchTerm, wallet]); const handleSearch = (e) => { setSearchTerm(e.target.value); }; return (

Data Dompet Santri

Overview
{filteredSantri.length > 0 ? ( filteredSantri.map((item, i) => ( )) ) : ( )}
Nama Nis Status Saldo
Avatar
{item.nama}
{item.level === 1 ? 'Admin' : 'Santri'}
 {item.nis}
{item.status_santri || "Open"}
Rp. {item.wallet ? item.wallet.saldo : 'Tidak ada saldo'}
Tidak ada data santri.
{wallet.current_page > 1 && ( )} {wallet.current_page > 3 && ( ... )} {Array.from({ length: wallet.last_page }, (_, i) => i + 1) .filter( (page) => page === 1 || page === wallet.last_page || Math.abs(page - wallet.current_page) <= 2 ) .map((page) => ( ))} {wallet.current_page < wallet.last_page - 2 && ( ... )} {wallet.current_page < wallet.last_page && ( )}
); }