From 736ce2254637b27b2e8b28ddd116ff75181458e1 Mon Sep 17 00:00:00 2001
From: anovazzi1 <otavio2204@gmail.com>
Date: Mon, 29 Apr 2024 11:22:57 -0300
Subject: [PATCH] Add ExportModal component to ShareModal (#1789)

* Add ExportModal component to ShareModal

* Refactor ShareModal component to conditionally render ExportModal and Export button based on is_component flag
---
 src/frontend/src/modals/shareModal/index.tsx | 26 ++++++++++++++++----
 1 file changed, 21 insertions(+), 5 deletions(-)

diff --git a/src/frontend/src/modals/shareModal/index.tsx b/src/frontend/src/modals/shareModal/index.tsx
index f37c166f3..c0a2a702b 100644
--- a/src/frontend/src/modals/shareModal/index.tsx
+++ b/src/frontend/src/modals/shareModal/index.tsx
@@ -25,6 +25,7 @@ import {
 import { getTagsIds } from "../../utils/storeUtils";
 import ConfirmationModal from "../ConfirmationModal";
 import BaseModal from "../baseModal";
+import ExportModal from "../exportModal";
 
 export default function ShareModal({
   component,
@@ -206,9 +207,8 @@ export default function ShareModal({
           {children ? children : <></>}
         </BaseModal.Trigger>
         <BaseModal.Header
-          description={`Publish ${
-            is_component ? "your component" : "workflow"
-          } to the Langflow Store.`}
+          description={`Publish ${is_component ? "your component" : "workflow"
+            } to the Langflow Store.`}
         >
           <span className="pr-2">Share</span>
           <IconComponent
@@ -251,18 +251,34 @@ export default function ShareModal({
 
         <BaseModal.Footer>
           <div className="flex w-full justify-between gap-2">
-            <Button
+            {!is_component && <ExportModal>
+              <Button
+                type="button"
+                variant="outline"
+                className="gap-2"
+                onClick={() => {
+                  // (setOpen || internalSetOpen)(false);
+                }}
+              >
+                <IconComponent name="Download" className="h-4 w-4" />
+                Export
+              </Button>
+            </ExportModal>
+            }
+            {is_component && <Button
               type="button"
               variant="outline"
               className="gap-2"
               onClick={() => {
-                handleExportComponent();
                 (setOpen || internalSetOpen)(false);
+                handleExportComponent();
               }}
             >
               <IconComponent name="Download" className="h-4 w-4" />
               Export
             </Button>
+
+            }
             <Button
               disabled={loadingNames}
               type="button"