From df61f1540a0c051c7247dcbd1bfe39bbba7e34a7 Mon Sep 17 00:00:00 2001
From: "gpt-engineer-app[bot]"
 <159125892+gpt-engineer-app[bot]@users.noreply.github.com>
Date: Fri, 17 Apr 2026 00:53:53 +0000
Subject: [PATCH] Changes

Co-authored-by: renee-png <262607627+renee-png@users.noreply.github.com>
---
 src/components/quick-add/quick-add.tsx | 29 ++++++++++++++++++++++++++
 1 file changed, 29 insertions(+)

diff --git a/src/components/quick-add/quick-add.tsx b/src/components/quick-add/quick-add.tsx
index 758bbd7..1995942 100644
--- a/src/components/quick-add/quick-add.tsx
+++ b/src/components/quick-add/quick-add.tsx
@@ -390,6 +390,35 @@ export function QuickAddExpense() {
               </Select>
             </div>
           </div>
+          {fees.length > 0 && (
+            <div className="space-y-1.5">
+              <Label className="text-xs">Fee item (optional)</Label>
+              <Select
+                value={feeId}
+                onValueChange={(v) => {
+                  setFeeId(v);
+                  const fee = fees.find((f) => f.id === v);
+                  if (fee) {
+                    setForm((f) => ({
+                      ...f,
+                      amount: String(fee.amount),
+                      billable: fee.billable,
+                      description: f.description || fee.name,
+                    }));
+                  }
+                }}
+              >
+                <SelectTrigger><SelectValue placeholder="Pick from fee schedule…" /></SelectTrigger>
+                <SelectContent>
+                  {fees.map((f) => (
+                    <SelectItem key={f.id} value={f.id}>
+                      {f.name} — ${Number(f.amount).toFixed(2)}
+                    </SelectItem>
+                  ))}
+                </SelectContent>
+              </Select>
+            </div>
+          )}
           <div className="grid grid-cols-2 gap-3">
             <div className="space-y-1.5">
               <Label className="text-xs">Date</Label>