From abc4df115dca68ee0a6241c55957193728209636 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:07:22 +0000
Subject: [PATCH] Changes

Co-authored-by: renee-png <262607627+renee-png@users.noreply.github.com>
---
 src/components/cases/status-tab.tsx | 20 +++++++++++++++++++-
 1 file changed, 19 insertions(+), 1 deletion(-)

diff --git a/src/components/cases/status-tab.tsx b/src/components/cases/status-tab.tsx
index 1b08177..7fd49d9 100644
--- a/src/components/cases/status-tab.tsx
+++ b/src/components/cases/status-tab.tsx
@@ -62,9 +62,27 @@ export function CaseStatusTab({ caseId, caseLabel }: { caseId: string; caseLabel
     if (error) toast.error(error.message); else { toast.success("Deleted"); load(); }
   };
 
+  const exportPdf = () => {
+    if (items.length === 0) { toast.error("No status updates to export"); return; }
+    downloadStatusReport({
+      title: "Case Status Report",
+      subtitle: caseLabel,
+      entries: items.map((u) => ({
+        title: u.title,
+        body: u.body,
+        created_at: u.created_at,
+        author_name: u.user?.full_name,
+        author_email: u.user?.email,
+      })),
+    }, `status-report-${(caseLabel || caseId).replace(/[^a-z0-9]+/gi, "-")}.pdf`);
+  };
+
   return (
     <div className="space-y-4">
-      <div className="flex justify-end">
+      <div className="flex justify-end gap-2">
+        <Button variant="outline" onClick={exportPdf} disabled={items.length === 0}>
+          <FileDown className="h-4 w-4 mr-2" /> Export PDF
+        </Button>
         <Button onClick={() => setShowForm((s) => !s)}>
           <Plus className="h-4 w-4 mr-2" /> {showForm ? "Cancel" : "Add status update"}
         </Button>