From 7fc7cd09576dddded4fe828e4ed8943ebbe76ea0 Mon Sep 17 00:00:00 2001
From: Gabriel Luiz Freitas Almeida <gabriel@logspace.ai>
Date: Wed, 14 Jun 2023 09:28:30 -0300
Subject: [PATCH] =?UTF-8?q?=F0=9F=94=A8=20refactor(App.tsx):=20remove=20un?=
 =?UTF-8?q?used=20imports=20and=20components=20=E2=9C=A8=20feat(App.tsx):?=
 =?UTF-8?q?=20simplify=20getVersion()=20function=20call=20The=20imports=20?=
 =?UTF-8?q?and=20components=20that=20are=20no=20longer=20used=20have=20bee?=
 =?UTF-8?q?n=20removed=20to=20improve=20the=20code's=20readability=20and?=
 =?UTF-8?q?=20maintainability.=20The=20getVersion()=20function=20call=20ha?=
 =?UTF-8?q?s=20been=20simplified=20to=20make=20the=20code=20more=20concise?=
 =?UTF-8?q?=20and=20easier=20to=20read.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/frontend/src/App.tsx                  | 10 ++---
 src/frontend/src/contexts/tabsContext.tsx | 55 +++++++++++------------
 2 files changed, 30 insertions(+), 35 deletions(-)

diff --git a/src/frontend/src/App.tsx b/src/frontend/src/App.tsx
index 60fa6d065..77b405ebc 100644
--- a/src/frontend/src/App.tsx
+++ b/src/frontend/src/App.tsx
@@ -7,13 +7,11 @@ import _ from "lodash";
 import ErrorAlert from "./alerts/error";
 import NoticeAlert from "./alerts/notice";
 import SuccessAlert from "./alerts/success";
-import ExtraSidebar from "./components/ExtraSidebarComponent";
 import { alertContext } from "./contexts/alertContext";
 import { locationContext } from "./contexts/locationContext";
 import { ErrorBoundary } from "react-error-boundary";
 import CrashErrorComponent from "./components/CrashErrorComponent";
 import { TabsContext } from "./contexts/tabsContext";
-import MainPage from "./pages/MainPage";
 import { getVersion } from "./controllers/API";
 import Router from "./routes";
 import Header from "./components/headerComponent";
@@ -52,11 +50,9 @@ export default function App() {
   // Initialize state variable for the version
   const [version, setVersion] = useState("");
   useEffect(() => {
-    getVersion()
-      .then((res) => res.json())
-      .then((data) => {
-        setVersion(data.version);
-      });
+    getVersion().then((data) => {
+      setVersion(data.version);
+    });
   }, []);
   // Use effect hook to update alertsList when a new alert is added
   useEffect(() => {
diff --git a/src/frontend/src/contexts/tabsContext.tsx b/src/frontend/src/contexts/tabsContext.tsx
index fb51d2ffc..37ac6d707 100644
--- a/src/frontend/src/contexts/tabsContext.tsx
+++ b/src/frontend/src/contexts/tabsContext.tsx
@@ -7,19 +7,13 @@ import {
   useContext,
 } from "react";
 import { FlowType, NodeType } from "../types/flow";
-import { LangFlowState, TabsContextType } from "../types/tabs";
-import {
-  normalCaseToSnakeCase,
-  updateIds,
-  updateObject,
-  updateTemplate,
-} from "../utils";
+import { TabsContextType } from "../types/tabs";
+import { updateIds, updateTemplate } from "../utils";
 import { alertContext } from "./alertContext";
 import { typesContext } from "./typesContext";
-import { APITemplateType, TemplateVariableType } from "../types/api";
+import { APITemplateType } from "../types/api";
 import { v4 as uuidv4 } from "uuid";
 import { addEdge } from "reactflow";
-import _, { flow } from "lodash";
 import {
   readFlowsFromDatabase,
   deleteFlowFromDatabase,
@@ -314,12 +308,12 @@ export function TabsProvider({ children }: { children: ReactNode }) {
    */
   function removeFlow(id: string) {
     const index = flows.findIndex((flow) => flow.id === id);
-      console.log(index);
-      if (index >= 0) {
-        deleteFlowFromDatabase(id).then(() => {
-          setFlows(flows.filter((flow) => flow.id !== id));
-        });
-      }
+    console.log(index);
+    if (index >= 0) {
+      deleteFlowFromDatabase(id).then(() => {
+        setFlows(flows.filter((flow) => flow.id !== id));
+      });
+    }
   }
   /**
    * Add a new flow to the list of flows.
@@ -415,35 +409,40 @@ export function TabsProvider({ children }: { children: ReactNode }) {
     reactFlowInstance.setEdges(edges);
   }
 
-  const addFlow = async (flow?: FlowType, newProject?: Boolean): Promise<String> => {
-    if(newProject){
+  const addFlow = async (
+    flow?: FlowType,
+    newProject?: Boolean
+  ): Promise<String> => {
+    if (newProject) {
       let flowData = extractDataFromFlow(flow);
-      if(flowData.description == ""){
+      if (flowData.description == "") {
         flowData.description = "This is a new flow.";
       }
-    
+
       // Create a new flow with a default name if no flow is provided.
       const newFlow = createNewFlow(flowData, flow);
-    
+
       try {
-        const id = await saveFlowToDatabase(newFlow);
+        const { id } = await saveFlowToDatabase(newFlow);
         // Change the id to the new id.
-        newFlow.id = id.id;
-    
+        newFlow.id = id;
+
         // Add the new flow to the list of flows.
         addFlowToLocalState(newFlow);
-    
+
         // Return the id
-        return id.id;
+        return id;
       } catch (error) {
         // Handle the error if needed
-        console.error('Error while adding flow:', error);
+        console.error("Error while adding flow:", error);
         throw error; // Re-throw the error so the caller can handle it if needed
       }
     } else {
-      paste({nodes: flow.data.nodes, edges: flow.data.edges}, {x:10, y:10})
+      paste(
+        { nodes: flow.data.nodes, edges: flow.data.edges },
+        { x: 10, y: 10 }
+      );
     }
-    
   };
 
   const extractDataFromFlow = (flow) => {