import GroupedTable from '@/components/custom-admin-table/GroupedTable'; import { Card, CardContent, CardDescription, CardHeader, CardTitle, } from '@/components/ui/card'; import { useAuthBreadcrumbOperator } from '@/hooks/use-auth-breadcrumb-operator'; import AppLayout from '@/layouts/app-layout'; import { GroupedData } from '@/types/tables'; import { Head, router } from '@inertiajs/react'; import { FileSpreadsheet, Gift } from 'lucide-react'; interface Props { grouped: GroupedData; totalPagu: number; totalRincian: number; } export default function DashboardOperator({ grouped, totalPagu, totalRincian, }: Props) { const breadcrumbs = useAuthBreadcrumbOperator(); const totalSubKegiatan = Object.values(grouped).reduce( (acc, program) => acc + Object.values(program).reduce( (subAcc, subList) => subAcc + subList.length, 0, ), 0, ); const handleViewRincian = (subId: number) => { router.get(route('rincian-belanja.show', { id: subId })); }; const handleViewPO = (subId: number) => { router.get(route('triwulan.show', { id: subId })); }; const atasCards = [ { title: 'Pagu Anggaran', description: 'Total pagu anggaran', amount: totalPagu, bgColor: 'bg-amber-200', iconBg: 'bg-amber-100', iconColor: 'text-amber-200', Icon: Gift, }, { title: 'Total Rincian', description: 'Total rincian anggaran yang diinput', amount: totalRincian, bgColor: 'bg-blue-200', iconBg: 'bg-blue-100', iconColor: 'text-blue-200', Icon: FileSpreadsheet, }, ]; return (
{/* Bagian cards atas */}
{atasCards.map((card, index) => ( {card.title} {card.description}
{card.amount.toLocaleString('id-ID')} ))}
{/* Bagian tabel */}
{totalSubKegiatan === 0 ? (
Tidak ada data sub kegiatan
) : ( )}
); }