julienfroidefond/fintrack
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: enhance transaction table interactions by preventing event propagation on button clicks and adding icons for reconciliation actions

Browse Source
This commit is contained in:
Julien Froidefond
2025-11-29 17:55:47 +01:00
parent ab1f7a65b2
commit 93e1d16a3c
1 changed files with 21 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

28
components/transactions/transaction-table.tsx
View File

@@ -239,7 +239,7 @@ export function TransactionTable({
{transaction.amount >= 0 ? "+" : ""}
{formatCurrency(transaction.amount)}
</td>
<td className="p-3 text-center">
<td className="p-3 text-center" onClick={(e) => e.stopPropagation()}>
<button
onClick={() => onToggleReconciled(transaction.id)}
className="p-1 hover:bg-muted rounded"
@@ -251,7 +251,7 @@ export function TransactionTable({
)}
</button>
</td>
<td className="p-3">
<td className="p-3" onClick={(e) => e.stopPropagation()}>
<DropdownMenu>
<DropdownMenuTrigger asChild>
<Button
@@ -264,15 +264,29 @@ export function TransactionTable({
</DropdownMenuTrigger>
<DropdownMenuContent align="end">
<DropdownMenuItem
onClick={() => onToggleReconciled(transaction.id)}
onClick={(e) => {
e.stopPropagation();
onToggleReconciled(transaction.id);
}}
>
{transaction.isReconciled
? "Dépointer"
: "Pointer"}
{transaction.isReconciled ? (
<>
<Circle className="w-4 h-4 mr-2" />
Dépointer
</>
) : (
<>
<CheckCircle2 className="w-4 h-4 mr-2" />
Pointer
</>
)}
</DropdownMenuItem>
<DropdownMenuSeparator />
<DropdownMenuItem
onClick={() => onCreateRule(transaction)}
onClick={(e) => {
e.stopPropagation();
onCreateRule(transaction);
}}
>
<Wand2 className="w-4 h-4 mr-2" />
Créer une règle