From 0e078efee0e458ed2bac906f7d3271197fd82132 Mon Sep 17 00:00:00 2001
From: anovazzi1 <otavio2204@gmail.com>
Date: Thu, 23 Nov 2023 18:28:07 -0300
Subject: [PATCH] fix(shareModal): add support for disabled prop to prevent
 opening the modal when disabled fix(extraSidebarComponent): pass disabled
 prop to ShareModal based on hasApiKey value to disable sharing when no API
 key is available

---
 src/frontend/src/modals/shareModal/index.tsx                  | 4 +++-
 .../pages/FlowPage/components/extraSidebarComponent/index.tsx | 4 ++--
 2 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/src/frontend/src/modals/shareModal/index.tsx b/src/frontend/src/modals/shareModal/index.tsx
index aee242ec2..c68af6f1c 100644
--- a/src/frontend/src/modals/shareModal/index.tsx
+++ b/src/frontend/src/modals/shareModal/index.tsx
@@ -23,12 +23,14 @@ export default function ShareModal({
   children,
   open,
   setOpen,
+  disabled
 }: {
   children?: ReactNode;
   is_component: boolean;
   component: FlowType;
   open?: boolean;
   setOpen?: (open: boolean) => void;
+  disabled?: boolean;
 }): JSX.Element {
   const { version, addFlow } = useContext(FlowsContext);
   const {hasApiKey} = useContext(StoreContext)
@@ -117,7 +119,7 @@ export default function ShareModal({
   return (
     <BaseModal
       size="smaller-h-full"
-      open={open ?? internalOpen}
+      open={(!disabled && open) ?? internalOpen}
       setOpen={setOpen ?? internalSetOpen}
     >
       <BaseModal.Trigger>{children ? children : <></>}</BaseModal.Trigger>
diff --git a/src/frontend/src/pages/FlowPage/components/extraSidebarComponent/index.tsx b/src/frontend/src/pages/FlowPage/components/extraSidebarComponent/index.tsx
index 09286514f..91dd161c1 100644
--- a/src/frontend/src/pages/FlowPage/components/extraSidebarComponent/index.tsx
+++ b/src/frontend/src/pages/FlowPage/components/extraSidebarComponent/index.tsx
@@ -184,7 +184,7 @@ export default function ExtraSidebar(): JSX.Element {
 
   const ModalMemo = useMemo(
     () => (
-      <ShareModal is_component={false} component={flow!}>
+      <ShareModal is_component={false} component={flow!} disabled={!hasApiKey}>
         <ShadTooltip content="Share" side="top">
           <div className={classNames("extra-side-bar-buttons")}>
             <IconComponent name="Share2" className="side-bar-button-size" />
@@ -192,7 +192,7 @@ export default function ExtraSidebar(): JSX.Element {
         </ShadTooltip>
       </ShareModal>
     ),
-    []
+    [hasApiKey]
   );
 
   const ExportMemo = useMemo(