From b212bb1d3617c6c12e3af0afbe52d90bf76190c2 Mon Sep 17 00:00:00 2001
From: kibin <juankibin@gmail.com>
Date: Wed, 1 Apr 2026 07:54:31 +0000
Subject: [PATCH] feat(252): add View Tickets/Invoices/Payments buttons to
 client profile

---
 app/(app)/clients/[id]/page.tsx | 17 ++++++++++++++++-
 1 file changed, 16 insertions(+), 1 deletion(-)

diff --git a/app/(app)/clients/[id]/page.tsx b/app/(app)/clients/[id]/page.tsx
index 4a65e5b..2923f2b 100644
--- a/app/(app)/clients/[id]/page.tsx
+++ b/app/(app)/clients/[id]/page.tsx
@@ -528,7 +528,22 @@ export default function ClientDetailPage() {
       {/* Profile */}
       {activeTab === "profile" && (
         <Card>
-          <CardHeader><CardTitle>Client Profile</CardTitle></CardHeader>
+          <CardHeader>
+            <div className="flex items-center justify-between">
+              <CardTitle>Client Profile</CardTitle>
+              <div className="flex gap-2 flex-wrap">
+                <Button size="sm" variant="outline" onClick={() => router.push(`/tickets?clientId=${client.id}`)}>
+                  <Ticket className="h-3.5 w-3.5 mr-1" /> View Tickets
+                </Button>
+                <Button size="sm" variant="outline" onClick={() => router.push(`/invoices?clientId=${client.id}`)}>
+                  <FileText className="h-3.5 w-3.5 mr-1" /> View Invoices
+                </Button>
+                <Button size="sm" variant="outline" onClick={() => router.push(`/payments?clientId=${client.id}`)}>
+                  <CreditCard className="h-3.5 w-3.5 mr-1" /> View Payments
+                </Button>
+              </div>
+            </div>
+          </CardHeader>
           <CardContent>
             <dl className="grid grid-cols-1 sm:grid-cols-2 gap-4">
               {[