From e74f3c9dd52946529c12fc4f8bc62e2e6f9fcbd2 Mon Sep 17 00:00:00 2001
From: Cristhian Zanforlin Lousa <cristhian.lousa@gmail.com>
Date: Fri, 14 Jul 2023 15:33:43 -0300
Subject: [PATCH] =?UTF-8?q?=F0=9F=94=A8=20refactor(ApiModal/index.tsx):=20?=
 =?UTF-8?q?import=20PopUpContext=20from=20correct=20file=20path=20to=20fix?=
 =?UTF-8?q?=20module=20import=20error=20=F0=9F=94=A8=20refactor(ApiModal/i?=
 =?UTF-8?q?ndex.tsx):=20remove=20unused=20imports=20and=20variables=20to?=
 =?UTF-8?q?=20improve=20code=20readability=20and=20maintainability=20?=
 =?UTF-8?q?=F0=9F=94=A8=20refactor(ApiModal/index.tsx):=20add=20missing=20?=
 =?UTF-8?q?dependency=20to=20useEffect=20to=20fix=20missing=20dependency?=
 =?UTF-8?q?=20warning=20=F0=9F=94=A8=20refactor(ApiModal/index.tsx):=20add?=
 =?UTF-8?q?=20setOpen=20function=20to=20closePopUp=20when=20modal=20is=20o?=
 =?UTF-8?q?pened?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/frontend/src/modals/ApiModal/index.tsx | 15 ++++++++++++---
 1 file changed, 12 insertions(+), 3 deletions(-)

diff --git a/src/frontend/src/modals/ApiModal/index.tsx b/src/frontend/src/modals/ApiModal/index.tsx
index 4cd90153c..ba4fc86b9 100644
--- a/src/frontend/src/modals/ApiModal/index.tsx
+++ b/src/frontend/src/modals/ApiModal/index.tsx
@@ -50,6 +50,7 @@ import { TabsContext } from "../../contexts/tabsContext";
 import { FlowType } from "../../types/flow/index";
 import { buildTweaks, classNames } from "../../utils";
 import BaseModal from "../baseModal";
+import { PopUpContext } from "../../contexts/popUpContext";
 
 const ApiModal = forwardRef(
   (
@@ -69,6 +70,8 @@ const ApiModal = forwardRef(
     const tweak = useRef([]);
     const tweaksList = useRef([]);
     const { setTweak, getTweak, tabsState } = useContext(TabsContext);
+    const { closePopUp } = useContext(PopUpContext);
+
     const copyToClipboard = () => {
       if (!navigator.clipboard || !navigator.clipboard.writeText) {
         return;
@@ -109,13 +112,13 @@ const ApiModal = forwardRef(
     ];
 
     useEffect(() => {
+      
       filterNodes();
 
       if(getTweak.length == 0){
         const t = buildTweaks(flow);
         tweak?.current?.push(t);
       }
-
       if (Object.keys(tweaksCode).length > 0) {
         tabs.push({
           name: "Tweaks",
@@ -125,7 +128,7 @@ const ApiModal = forwardRef(
         });
       }
       
-    }, []);
+    }, [closePopUp]);
 
 
     function filterNodes() {
@@ -246,8 +249,14 @@ const ApiModal = forwardRef(
       });
     }
 
+    const setOpen = (x: boolean) => {
+      if(x) {
+        closePopUp();
+      }
+    };
+
     return (
-      <BaseModal>
+      <BaseModal setOpen={setOpen}>
         <BaseModal.Trigger>{children}</BaseModal.Trigger>
         <BaseModal.Header description={EXPORT_CODE_DIALOG}>
           <span className="pr-2">Code</span>