From c51945b6c6dcb59eedb7f5b4ecd5aa092f96ddde Mon Sep 17 00:00:00 2001
From: Lucas Oliveira <lucas.edu.oli@hotmail.com>
Date: Tue, 28 Feb 2023 20:25:06 -0300
Subject: [PATCH] FlowPage refactored

---
 space_flow/src/App.tsx                                 |  4 ++--
 .../{connection => ConnectionLineComponent}/index.tsx  |  0
 .../{flowManager => components}/tabComponent/index.tsx |  2 +-
 .../tabsManagerComponent}/index.tsx                    | 10 ++++------
 space_flow/src/pages/FlowPage/index.tsx                |  4 ++--
 5 files changed, 9 insertions(+), 11 deletions(-)
 rename space_flow/src/pages/FlowPage/components/{connection => ConnectionLineComponent}/index.tsx (100%)
 rename space_flow/src/pages/FlowPage/{flowManager => components}/tabComponent/index.tsx (97%)
 rename space_flow/src/pages/FlowPage/{flowManager => components/tabsManagerComponent}/index.tsx (81%)

diff --git a/space_flow/src/App.tsx b/space_flow/src/App.tsx
index 8787b2513..f40fc31ac 100644
--- a/space_flow/src/App.tsx
+++ b/space_flow/src/App.tsx
@@ -10,7 +10,7 @@ import { alertContext } from "./contexts/alertContext";
 import { locationContext } from "./contexts/locationContext";
 import Sidebar from "./components/SidebarComponent";
 import Header from "./components/HeaderComponent";
-import { TabsManager } from "./pages/FlowPage/flowManager";
+import TabsManagerComponent from "./pages/FlowPage/components/tabsManagerComponent";
 
 export default function App() {
 	var _ = require("lodash");
@@ -105,7 +105,7 @@ export default function App() {
 				<main className="min-w-0 flex-1 border-t border-gray-200 flex">
 					{/* Primary column */}
 					<div className="w-full h-full">
-						<TabsManager></TabsManager>
+						<TabsManagerComponent></TabsManagerComponent>
 					</div>
 				</main>
 			</div>
diff --git a/space_flow/src/pages/FlowPage/components/connection/index.tsx b/space_flow/src/pages/FlowPage/components/ConnectionLineComponent/index.tsx
similarity index 100%
rename from space_flow/src/pages/FlowPage/components/connection/index.tsx
rename to space_flow/src/pages/FlowPage/components/ConnectionLineComponent/index.tsx
diff --git a/space_flow/src/pages/FlowPage/flowManager/tabComponent/index.tsx b/space_flow/src/pages/FlowPage/components/tabComponent/index.tsx
similarity index 97%
rename from space_flow/src/pages/FlowPage/flowManager/tabComponent/index.tsx
rename to space_flow/src/pages/FlowPage/components/tabComponent/index.tsx
index 138d399b9..49a505a73 100644
--- a/space_flow/src/pages/FlowPage/flowManager/tabComponent/index.tsx
+++ b/space_flow/src/pages/FlowPage/components/tabComponent/index.tsx
@@ -6,7 +6,7 @@ import { TabsContext } from "../../../../contexts/tabsContext";
 var _ = require("lodash");
 
 export default function TabComponent({ selected, flow, onClick }) {
-	const { removeFlow, updateFlow, flows, downloadFlow } =
+	const { removeFlow, updateFlow, flows } =
 		useContext(TabsContext);
 	const [isRename, setIsRename] = useState(false);
 	const [value, setValue] = useState("");
diff --git a/space_flow/src/pages/FlowPage/flowManager/index.tsx b/space_flow/src/pages/FlowPage/components/tabsManagerComponent/index.tsx
similarity index 81%
rename from space_flow/src/pages/FlowPage/flowManager/index.tsx
rename to space_flow/src/pages/FlowPage/components/tabsManagerComponent/index.tsx
index b444e3edc..4840a0778 100644
--- a/space_flow/src/pages/FlowPage/flowManager/index.tsx
+++ b/space_flow/src/pages/FlowPage/components/tabsManagerComponent/index.tsx
@@ -1,12 +1,10 @@
 import { useContext, useEffect } from "react";
 import { ReactFlowProvider } from "reactflow";
-import FlowPage from "..";
-import { TabsContext } from "../../../contexts/tabsContext";
-import TabComponent from "./tabComponent";
-import { example } from "../../../data_assets/example";
-var _ = require("lodash");
+import TabComponent from "../tabComponent";
+import { TabsContext } from "../../../../contexts/tabsContext";
+import FlowPage from "../..";
 
-export function TabsManager() {
+export default function TabsManagerComponent() {
   const { flows, addFlow, tabIndex, setTabIndex } = useContext(TabsContext);
   useEffect(() => {
     if (flows.length === 0) {
diff --git a/space_flow/src/pages/FlowPage/index.tsx b/space_flow/src/pages/FlowPage/index.tsx
index d0e4538d4..54c02fcd2 100644
--- a/space_flow/src/pages/FlowPage/index.tsx
+++ b/space_flow/src/pages/FlowPage/index.tsx
@@ -13,7 +13,6 @@ import { locationContext } from "../../contexts/locationContext";
 import ExtraSidebar from "./components/extraSidebarComponent";
 import Chat from "../../components/chatComponent";
 import GenericNode from "../../CustomNodes/GenericNode";
-import connection from "./components/connection";
 import ChatInputNode from "../../CustomNodes/ChatInputNode";
 import ChatOutputNode from "../../CustomNodes/ChatOutputNode";
 import InputNode from "../../CustomNodes/InputNode";
@@ -25,6 +24,7 @@ import {
 	ArrowDownTrayIcon,
 	ArrowUpTrayIcon,
 } from "@heroicons/react/24/outline";
+import ConnectionLineComponent from "./components/ConnectionLineComponent";
 
 const nodeTypes = {
 	genericNode: GenericNode,
@@ -170,7 +170,7 @@ export default function FlowPage({ flow }) {
 						onLoad={setReactFlowInstance}
 						onInit={setReactFlowInstance}
 						nodeTypes={nodeTypes}
-						connectionLineComponent={connection}
+						connectionLineComponent={ConnectionLineComponent}
 						onDragOver={onDragOver}
 						onDrop={onDrop}
 					>