Changes

Co-authored-by: renee-png <262607627+renee-png@users.noreply.github.com>

src/components/quick-add/quick-add.tsx

@@ -209,6 +209,35 @@ export function QuickAddTime() {
               </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,
+                      rate: 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)}/hr
+                    </SelectItem>
+                  ))}
+                </SelectContent>
+              </Select>
+            </div>
+          )}
           <div className="grid grid-cols-3 gap-3">
             <div className="space-y-1.5">
               <Label className="text-xs">Date</Label>