Fixed bug on opening new flow

src/frontend/src/modals/ApiModal/index.tsx

@@ -3,7 +3,6 @@ import "ace-builds/src-noconflict/mode-python";
 import "ace-builds/src-noconflict/theme-github";
 import "ace-builds/src-noconflict/theme-twilight";
 import { ReactNode, useContext, useEffect, useRef, useState } from "react";
-import { PopUpContext } from "../../contexts/popUpContext";
 // import "ace-builds/webpack-resolver";
 import { Check, Clipboard, Code2 } from "lucide-react";
 import { Prism as SyntaxHighlighter } from "react-syntax-highlighter";
@@ -41,7 +40,6 @@ import {
   getPythonApiCode,
   getPythonCode,
 } from "../../constants";
-import { darkContext } from "../../contexts/darkContext";
 import { TabsContext } from "../../contexts/tabsContext";
 import { FlowType } from "../../types/flow/index";
 import { buildTweaks, classNames } from "../../utils";
@@ -54,12 +52,8 @@ export default function ApiModal({
   flow: FlowType;
   children: ReactNode;
 }) {
-  const [open, setOpen] = useState(true);
-  const { dark } = useContext(darkContext);
-  const { closePopUp, closeEdit, setCloseEdit } = useContext(PopUpContext);
   const [activeTab, setActiveTab] = useState("0");
   const [isCopied, setIsCopied] = useState<Boolean>(false);
-  const [enabled, setEnabled] = useState(null);
   const [openAccordion, setOpenAccordion] = useState([]);
   const tweak = useRef([]);
   const tweaksList = useRef([]);
@@ -103,22 +97,6 @@ export default function ApiModal({
     },
   ];
 
-  useEffect(() => {
-    if (closeEdit !== "") {
-      tweak.current = getTweak;
-      if (tweak.current.length > 0) {
-        setActiveTab("3");
-        openAccordions();
-      } else {
-        startTweaks();
-      }
-    } else {
-      if (tweak?.current) {
-        startTweaks();
-      }
-    }
-  }, [closeEdit]);
-
   useEffect(() => {
     filterNodes();
   }, []);
@@ -132,20 +110,6 @@ export default function ApiModal({
     });
   }
 
-  function setModalOpen(x: boolean) {
-    setOpen(x);
-    if (x === false) {
-      setCloseEdit("");
-      setTweak([]);
-      closePopUp();
-    }
-  }
-
-  function startTweaks() {
-    const t = buildTweaks(flow);
-    tweak?.current?.push(t);
-  }
-
   function filterNodes() {
     let arrNodesWithValues = [];
 
@@ -493,7 +457,6 @@ export default function ApiModal({
                                                         t.data.node.template[
                                                           n
                                                         ].value = e;
-                                                        setEnabled(e);
                                                         buildTweakObject(
                                                           t["data"]["id"],
                                                           e,

src/frontend/src/pages/FlowPage/components/extraSidebarComponent/index.tsx

@@ -54,6 +54,7 @@ export default function ExtraSidebar() {
       return ret;
     });
   }
+  const flow = flows.find((f) => f.id === tabId);
 
   return (
     <div className="side-bar-arrangement">
@@ -83,18 +84,23 @@ export default function ExtraSidebar() {
           </ExportModal>
         </ShadTooltip>
         <ShadTooltip content="Code" side="top">
-          <ApiModal flow={flows.find((f) => f.id === tabId)}>
-            <button className={classNames("extra-side-bar-buttons")}>
-              <Code2 strokeWidth={1.5} className="side-bar-button-size"></Code2>
-            </button>
-          </ApiModal>
+          {flow && flow.data && (
+            <ApiModal flow={flow}>
+              <button className={classNames("extra-side-bar-buttons")}>
+                <Code2
+                  strokeWidth={1.5}
+                  className="side-bar-button-size"
+                ></Code2>
+              </button>
+            </ApiModal>
+          )}
         </ShadTooltip>
 
         <ShadTooltip content="Save" side="top">
           <button
             className="extra-side-bar-buttons"
             onClick={(event) => {
-              saveFlow(flows.find((f) => f.id === tabId));
+              saveFlow(flow);
               setSuccessData({ title: "Changes saved successfully" });
             }}
             disabled={!isPending}