import React from 'react'; import Pagination from '@/Components/Pagination' import Authenticated from '@/Layouts/Authenticated'; import { Head } from '@inertiajs/inertia-react'; import { formatIDR } from '@/utils'; import ModalClosing from './ModalClosing'; export default function Summary(props) { const { data: budgets , links } = props.budgets return ( Summary} >

Total Income : {formatIDR(props.income)}

Total Expense : {formatIDR(props.expense)}

Balance : {formatIDR(props.balance)}

monthly closing
{budgets?.map((budget, index) => ( ))}
Category Name Description Budget Previous Budget Total Expense/month Remain per Category
{index+1} {budget?.category?.name} {budget?.category?.description} {formatIDR(budget.budget)} {formatIDR(budget.rollover)} {formatIDR(budget.total_used)} {formatIDR(budget.remain)}
); }