jyapayne/langflow
1
0
Fork 0
Code Issues Pull requests Projects Releases 1 Packages Wiki Activity Actions

FlowPage refactored

Browse source
This commit is contained in:
Lucas Oliveira 2023-02-28 20:25:06 -03:00
commit c51945b6c6
5 changed files with 9 additions and 11 deletions
Download patch file Download diff file Expand all files Collapse all files

4
space_flow/src/App.tsx
View file

@ -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>

0
space_flow/src/pages/FlowPage/components/connection/index.tsx → space_flow/src/pages/FlowPage/components/ConnectionLineComponent/index.tsx
View file

2
space_flow/src/pages/FlowPage/flowManager/tabComponent/index.tsx → space_flow/src/pages/FlowPage/components/tabComponent/index.tsx
View file

@ -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("");

10
space_flow/src/pages/FlowPage/flowManager/index.tsx → space_flow/src/pages/FlowPage/components/tabsManagerComponent/index.tsx
View file

@ -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) {

4
space_flow/src/pages/FlowPage/index.tsx
View file

@ -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}
>