vngrup/dress
vngrup/dress
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: conditionally render payroll card grid only when data is available

Browse Source
This commit is contained in:
Yoga Pangestu 2026-04-30 13:41:43 +07:00
parent 917e60c013
commit 7fbf5dc6c2
1 changed files with 18 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

32
resources/js/pages/admin/finance/payroll/index.tsx
View File

@ -76,21 +76,25 @@ export default function PayrollIndex({
)} )}
</div> </div>
<div className="flex flex-col gap-3"> {currentMonthPayrolls.length > 0 && (
<div className="grid gap-4 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4"> <div className="flex flex-col gap-3">
{currentMonthPayrolls.map((payroll) => ( <div className="grid gap-4 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4">
<PayrollCard {currentMonthPayrolls.map((payroll) => (
key={payroll.id} <PayrollCard
payroll={payroll} key={payroll.id}
onClick={() => { payroll={payroll}
if (hasPermission('Edit:PayrollAdjustment')) { onClick={() => {
onEdit(payroll); if (
} hasPermission('Edit:PayrollAdjustment')
}} ) {
/> onEdit(payroll);
))} }
}}
/>
))}
</div>
</div> </div>
</div> )}
<PayrollFormModal <PayrollFormModal
isOpen={isFormOpen} isOpen={isFormOpen}