From 398fafc056964821b58f7e1d1923300aafd0b793 Mon Sep 17 00:00:00 2001
From: MiriSafra <m0533175827@gmail.com>
Date: Tue, 29 Oct 2024 15:04:48 +0200
Subject: [PATCH] add modal

Signed-off-by: MiriSafra <m0533175827@gmail.com>
---
 .../applications-table/applications-table.tsx | 34 +++++++++++++++++++
 1 file changed, 34 insertions(+)

diff --git a/client/src/app/pages/applications/applications-table/applications-table.tsx b/client/src/app/pages/applications/applications-table/applications-table.tsx
index 44e46446f..28580503e 100644
--- a/client/src/app/pages/applications/applications-table/applications-table.tsx
+++ b/client/src/app/pages/applications/applications-table/applications-table.tsx
@@ -16,8 +16,10 @@ import {
   DropdownItem,
   Modal,
   Tooltip,
+  FormGroup,
 } from "@patternfly/react-core";
 import {
+  CodeIcon,
   PencilAltIcon,
   TagIcon,
   WarningTriangleIcon,
@@ -1357,6 +1359,38 @@ export const ApplicationsTable: React.FC = () => {
           }}
         />
       </div>
+      <Modal
+        isOpen={isDownloadModalOpen}
+        variant="small"
+        title={t("actions.download", { what: "analysis details reports" })}
+        onClose={() => setIsDownloadModalOpen(false)}
+      >
+        <FormGroup label="Select Format" fieldId="format-select">
+          {" "}
+          <div>
+            {" "}
+            <Button
+              variant={selectedFormat === "json" ? "primary" : "secondary"}
+              onClick={() => setSelectedFormat("json")}
+            >
+              {" "}
+              {<CodeIcon />} JSON{" "}
+            </Button>{" "}
+            <Button
+              variant={selectedFormat === "yaml" ? "primary" : "secondary"}
+              onClick={() => setSelectedFormat("yaml")}
+            >
+              {" "}
+              {<CodeIcon />} YAML{" "}
+            </Button>{" "}
+          </div>{" "}
+          <p>Selected Format: {selectedFormat}</p>{" "}
+        </FormGroup>{" "}
+        <Button variant="primary" onClick={handleDownload}>
+          {" "}
+          {t("actions.download")}{" "}
+        </Button>{" "}
+      </Modal>
     </ConditionalRender>
   );
 };