From 3c13ae3597dcd27fcf06d1d6b2951743a576da2a Mon Sep 17 00:00:00 2001
From: jerick <jerick00201@gmail.com>
Date: Tue, 21 Apr 2026 20:28:36 -0400
Subject: [PATCH] Fix budget SelectValue showing ID instead of name in edit
 dialog

Pass budget name as explicit children to SelectValue so the selected
label renders correctly. Also handle TRANSFER type display in the header.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 src/components/transactions/EditTransactionDialog.tsx | 10 +++++++---
 1 file changed, 7 insertions(+), 3 deletions(-)

diff --git a/src/components/transactions/EditTransactionDialog.tsx b/src/components/transactions/EditTransactionDialog.tsx
index 07723ba..b084c34 100644
--- a/src/components/transactions/EditTransactionDialog.tsx
+++ b/src/components/transactions/EditTransactionDialog.tsx
@@ -80,8 +80,8 @@ export function EditTransactionDialog({ transaction, onOpenChange, budgets }: Pr
             {transaction.description}
           </DialogTitle>
           <p className="text-sm text-muted-foreground">
-            {date} · <span className={transaction.type === 'CREDIT' ? 'text-green-600' : ''}>
-              {transaction.type === 'CREDIT' ? '+' : '-'}{formatCents(transaction.amountCents)}
+            {date} · <span className={transaction.type === 'CREDIT' ? 'text-green-600' : transaction.type === 'TRANSFER' ? 'text-muted-foreground' : ''}>
+              {transaction.type === 'TRANSFER' ? '⇄ ' : transaction.type === 'CREDIT' ? '+' : '-'}{formatCents(transaction.amountCents)}
             </span>
           </p>
         </DialogHeader>
@@ -101,7 +101,11 @@ export function EditTransactionDialog({ transaction, onOpenChange, budgets }: Pr
             <Label htmlFor="budget">Budget</Label>
             <Select value={budgetId} onValueChange={(v) => setBudgetId(v ?? '')}>
               <SelectTrigger id="budget">
-                <SelectValue placeholder="No budget" />
+                <SelectValue placeholder="No budget">
+                  {budgetId
+                    ? (budgets.find((b) => b.id === budgetId)?.name ?? 'No budget')
+                    : 'No budget'}
+                </SelectValue>
               </SelectTrigger>
               <SelectContent>
                 <SelectItem value="">No budget</SelectItem>