From cba9381d8b0c438f6e386613a877d2b0228ebd4c Mon Sep 17 00:00:00 2001
From: "gpt-engineer-app[bot]"
 <159125892+gpt-engineer-app[bot]@users.noreply.github.com>
Date: Sat, 18 Apr 2026 16:10:55 +0000
Subject: [PATCH] Changes

Co-authored-by: renee-png <262607627+renee-png@users.noreply.github.com>
---
 src/routes/collections.$collectionId.tsx | 23 +++++++++++++++--------
 1 file changed, 15 insertions(+), 8 deletions(-)

diff --git a/src/routes/collections.$collectionId.tsx b/src/routes/collections.$collectionId.tsx
index 3ba77d1..a2484c4 100644
--- a/src/routes/collections.$collectionId.tsx
+++ b/src/routes/collections.$collectionId.tsx
@@ -292,14 +292,21 @@ function CollectionDetailRoute() {
   return (
     <ProtectedLayout>
       <PageContainer>
-        <Button
-          variant="ghost"
-          size="sm"
-          onClick={() => navigate({ to: "/collections" })}
-          className="-ml-2 mb-3"
-        >
-          <ArrowLeft className="h-4 w-4 mr-1" /> All collections
-        </Button>
+        <div className="flex items-center justify-between gap-2 mb-3">
+          <Button
+            variant="ghost"
+            size="sm"
+            onClick={() => navigate({ to: "/collections" })}
+            className="-ml-2"
+          >
+            <ArrowLeft className="h-4 w-4 mr-1" /> All collections
+          </Button>
+          {collection.case?.client?.id && (
+            <Button size="sm" onClick={() => setInvoiceOpen(true)}>
+              <FilePlus className="h-4 w-4 mr-1.5" /> Generate invoice
+            </Button>
+          )}
+        </div>
 
         {/* Tabs: Workflow (collections-specific) + same case tabs */}
         <Tabs defaultValue="workflow">