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 className="flex flex-col gap-3">
<div className="grid gap-4 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4">
{currentMonthPayrolls.map((payroll) => (
<PayrollCard
key={payroll.id}
payroll={payroll}
onClick={() => {
if (hasPermission('Edit:PayrollAdjustment')) {
onEdit(payroll);
}
}}
/>
))}
{currentMonthPayrolls.length > 0 && (
<div className="flex flex-col gap-3">
<div className="grid gap-4 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4">
{currentMonthPayrolls.map((payroll) => (
<PayrollCard
key={payroll.id}
payroll={payroll}
onClick={() => {
if (
hasPermission('Edit:PayrollAdjustment')
) {
onEdit(payroll);
}
}}
/>
))}
</div>
</div>
</div>
)}
<PayrollFormModal
isOpen={isFormOpen}