From 5d5f1cd494e1b4c8c8f94b09b5bbb7fb20761700 Mon Sep 17 00:00:00 2001
From: CycroftX <admin@cycroftx.com>
Date: Tue, 3 Feb 2026 22:56:19 +0530
Subject: [PATCH] Implement mock View and Download actions for KYC documents

---
 .../partners/components/KYCReviewSheet.tsx    | 24 +++++++++++++++++--
 1 file changed, 22 insertions(+), 2 deletions(-)

diff --git a/src/features/partners/components/KYCReviewSheet.tsx b/src/features/partners/components/KYCReviewSheet.tsx
index 60baf46..4868042 100644
--- a/src/features/partners/components/KYCReviewSheet.tsx
+++ b/src/features/partners/components/KYCReviewSheet.tsx
@@ -40,6 +40,16 @@ export function KYCReviewSheet({ partner, open, onOpenChange }: KYCReviewSheetPr
         setTimeout(() => onOpenChange(false), 1500);
     };
 
+    const handleViewDocument = (docName: string) => {
+        toast.info(`Opening preview for ${docName}...`);
+        // In a real app, this would open a modal with the document preview
+    };
+
+    const handleDownloadDocument = (docName: string) => {
+        toast.success(`Downloading ${docName}...`);
+        // In a real app, this would trigger a file download
+    };
+
     const getStatusIcon = (status: PartnerDocument['status']) => {
         switch (status) {
             case 'Verified': return <CheckCircle2 className="h-4 w-4 text-success" />;
@@ -86,10 +96,20 @@ export function KYCReviewSheet({ partner, open, onOpenChange }: KYCReviewSheetPr
                                         </div>
                                     </div>
                                     <div className="flex gap-1 opacity-0 group-hover:opacity-100 transition-opacity">
-                                        <Button variant="ghost" size="icon" className="h-8 w-8 text-muted-foreground hover:text-foreground">
+                                        <Button
+                                            variant="ghost"
+                                            size="icon"
+                                            className="h-8 w-8 text-muted-foreground hover:text-foreground"
+                                            onClick={() => handleViewDocument(doc.name)}
+                                        >
                                             <Eye className="h-4 w-4" />
                                         </Button>
-                                        <Button variant="ghost" size="icon" className="h-8 w-8 text-muted-foreground hover:text-foreground">
+                                        <Button
+                                            variant="ghost"
+                                            size="icon"
+                                            className="h-8 w-8 text-muted-foreground hover:text-foreground"
+                                            onClick={() => handleDownloadDocument(doc.name)}
+                                        >
                                             <Download className="h-4 w-4" />
                                         </Button>
                                     </div>