Changes

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

src/routes/settings.fees.tsx

@@ -321,27 +321,56 @@ function FeeEditDialog({
           </DialogDescription>
         </DialogHeader>
         <div className="space-y-3">
-          <div className="grid grid-cols-2 gap-3">
+          <div className="grid grid-cols-3 gap-3">
             <div className="space-y-1.5">
               <Label className="text-xs">Category</Label>
               <Select
                 value={form.category ?? "time"}
                 onValueChange={(v) =>
-                  setForm({ ...form, category: v as "time" | "expense" })
+                  setForm({
+                    ...form,
+                    category: v as "time" | "expense",
+                    pricing_type:
+                      v === "expense" ? "flat" : form.pricing_type ?? "hourly",
+                  })
                 }
               >
                 <SelectTrigger>
                   <SelectValue />
                 </SelectTrigger>
                 <SelectContent>
-                  <SelectItem value="time">Time (hourly rate)</SelectItem>
-                  <SelectItem value="expense">Expense (flat amount)</SelectItem>
+                  <SelectItem value="time">Time</SelectItem>
+                  <SelectItem value="expense">Expense</SelectItem>
+                </SelectContent>
+              </Select>
+            </div>
+            <div className="space-y-1.5">
+              <Label className="text-xs">Pricing</Label>
+              <Select
+                value={
+                  form.category === "expense"
+                    ? "flat"
+                    : form.pricing_type ?? "hourly"
+                }
+                onValueChange={(v) =>
+                  setForm({ ...form, pricing_type: v as "hourly" | "flat" })
+                }
+                disabled={form.category === "expense"}
+              >
+                <SelectTrigger>
+                  <SelectValue />
+                </SelectTrigger>
+                <SelectContent>
+                  <SelectItem value="hourly">Hourly rate</SelectItem>
+                  <SelectItem value="flat">Flat fee</SelectItem>
                 </SelectContent>
               </Select>
             </div>
             <div className="space-y-1.5">
               <Label className="text-xs">
-                {form.category === "expense" ? "Amount ($)" : "Rate ($ / hr)"}
+                {form.category !== "expense" && form.pricing_type !== "flat"
+                  ? "Rate ($ / hr)"
+                  : "Amount ($)"}
               </Label>
               <Input
                 type="number"