From 357ba9ef3d33840e1fd5fd18e2bb0348a0480b96 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 02:10:02 +0000
Subject: [PATCH] Changes

Co-authored-by: renee-png <262607627+renee-png@users.noreply.github.com>
---
 src/components/cases/time-tab.tsx | 13 ++++++++++---
 1 file changed, 10 insertions(+), 3 deletions(-)

diff --git a/src/components/cases/time-tab.tsx b/src/components/cases/time-tab.tsx
index 37cc90a..83693d6 100644
--- a/src/components/cases/time-tab.tsx
+++ b/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 && (