jselesan/personal-admin-2026
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

feat(expenses): allow editing paid expenses (status, amountPayed, paymentDate)

Browse Source
This commit is contained in:
Jose Selesan
2026-06-08 08:12:46 -03:00
parent 6f06ee18da
commit b08399908b
5 changed files with 273 additions and 43 deletions
Download Patch File Download Diff File Expand all files Collapse all files

43
apps/frontend/src/features/expenses/components/ExpensesTable.tsx
View File

@@ -138,21 +138,22 @@ export function ExpensesTable({
id: "actions",
cell: ({ row }) => {
const expense = row.original;
if (expense.status === "PAYED") return null;
return (
<div className="flex justify-end gap-1">
<Button variant="ghost" size="xs" onClick={() => onEdit(expense)}>
<Pencil className="size-3.5" />
Editar
</Button>
<Button
variant="outline"
size="xs"
onClick={() => onPay(expense)}
>
<CircleDollarSign className="size-3.5" />
Pagar
</Button>
{expense.status !== "PAYED" && (
<Button
variant="outline"
size="xs"
onClick={() => onPay(expense)}
>
<CircleDollarSign className="size-3.5" />
Pagar
</Button>
)}
</div>
);
},
@@ -233,16 +234,16 @@ export function ExpensesTable({
</p>
</div>
{expense.status !== "PAYED" && (
<div className="flex gap-1">
<Button
variant="ghost"
size="sm"
className="shrink-0"
onClick={() => onEdit(expense)}
>
<Pencil className="size-3.5" />
</Button>
<div className="flex gap-1">
<Button
variant="ghost"
size="sm"
className="shrink-0"
onClick={() => onEdit(expense)}
>
<Pencil className="size-3.5" />
</Button>
{expense.status !== "PAYED" && (
<Button
variant="outline"
size="sm"
@@ -252,8 +253,8 @@ export function ExpensesTable({
<CircleDollarSign className="size-3.5" />
Pagar
</Button>
</div>
)}
)}
</div>
</div>
</div>
))}