fix(expenses): update amount display logic to reflect payment status
This commit is contained in:
@@ -40,10 +40,12 @@ export function ExpensesTable({ data, onPay, page, total, pageSize, onPageChange
|
|||||||
header: "Monto",
|
header: "Monto",
|
||||||
accessorKey: "amount",
|
accessorKey: "amount",
|
||||||
cell: ({ row }) => {
|
cell: ({ row }) => {
|
||||||
const amount = Number(row.getValue("amount"));
|
const expense = row.original;
|
||||||
|
const isPayed = expense.status === "PAYED";
|
||||||
|
const value = isPayed && expense.amountPayed ? Number(expense.amountPayed) : Number(expense.amount);
|
||||||
return (
|
return (
|
||||||
<span className="tabular-nums">
|
<span className="tabular-nums">
|
||||||
${amount.toLocaleString("es-AR", { minimumFractionDigits: 2 })}
|
${value.toLocaleString("es-AR", { minimumFractionDigits: 2 })}
|
||||||
</span>
|
</span>
|
||||||
);
|
);
|
||||||
},
|
},
|
||||||
|
|||||||
Reference in New Issue
Block a user