Changes

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

src/components/cases/time-tab.tsx

@@ -113,9 +113,16 @@ export function CaseTimeTab({ caseRecord, onInvoice }: CaseTimeTabProps) {
           <Stat label="Billed total" value={formatCurrency(totals.billable)} />
           <Stat label="Unbilled" value={formatCurrency(totals.unbilled)} />
         </div>
-        <Button onClick={() => setShowForm((s) => !s)}>
-          <Plus className="h-4 w-4 mr-2" /> {showForm ? "Cancel" : "Log time"}
-        </Button>
+        <div className="flex flex-wrap gap-2">
+          {totals.unbilled > 0 && onInvoice && (
+            <Button variant="outline" onClick={onInvoice}>
+              <FilePlus className="h-4 w-4 mr-2" /> Invoice case ({formatCurrency(totals.unbilled)})
+            </Button>
+          )}
+          <Button onClick={() => setShowForm((s) => !s)}>
+            <Plus className="h-4 w-4 mr-2" /> {showForm ? "Cancel" : "Log time"}
+          </Button>
+        </div>
       </div>
 
       {showForm && (