From 526b20ca0a1e222ea7a4be91483ec853648885b7 Mon Sep 17 00:00:00 2001
From: Pablo Lara <larabjj@gmail.com>
Date: Wed, 12 Feb 2025 16:44:30 +0100
Subject: [PATCH] feat: render a button to download the exports

---
 .../scans/table/scans/data-table-row-actions.tsx   | 14 ++++++++++++++
 1 file changed, 14 insertions(+)

diff --git a/ui/components/scans/table/scans/data-table-row-actions.tsx b/ui/components/scans/table/scans/data-table-row-actions.tsx
index 7a01023986..25ce5c1ea6 100644
--- a/ui/components/scans/table/scans/data-table-row-actions.tsx
+++ b/ui/components/scans/table/scans/data-table-row-actions.tsx
@@ -20,6 +20,7 @@ import { VerticalDotsIcon } from "@/components/icons";
 import { CustomAlertModal } from "@/components/ui/custom";
 
 import { EditScanForm } from "../../forms";
+import { DownloadIcon } from "lucide-react";
 
 interface DataTableRowActionsProps<ScanProps> {
   row: Row<ScanProps>;
@@ -33,6 +34,7 @@ export function DataTableRowActions<ScanProps>({
   const [isEditOpen, setIsEditOpen] = useState(false);
   const scanId = (row.original as { id: string }).id;
   const scanName = (row.original as any).attributes?.name;
+  const scanState = (row.original as any).attributes?.state;
   return (
     <>
       <CustomAlertModal
@@ -63,6 +65,18 @@ export function DataTableRowActions<ScanProps>({
             color="default"
             variant="flat"
           >
+            <DropdownSection title="Export artifacts">
+              <DropdownItem
+                key="export"
+                description="Available only for completed scans"
+                textValue="Export Scan Artifacts"
+                startContent={<DownloadIcon className={iconClasses} />}
+                onPress={() => setIsEditOpen(true)}
+                isDisabled={scanState !== "completed"}
+              >
+                Export .zip
+              </DropdownItem>
+            </DropdownSection>
             <DropdownSection title="Actions">
               <DropdownItem
                 key="edit"