39ac3b1e60
### What problem does this PR solve? feat: add custom edge feat: add flow card feat: add store for canvas #918 ### Type of change - [x] New Feature (non-breaking change which adds functionality)
31 lines
795 B
TypeScript
31 lines
795 B
TypeScript
import { Layout } from 'antd';
|
|
import { useState } from 'react';
|
|
import { ReactFlowProvider } from 'reactflow';
|
|
import FlowCanvas from './canvas';
|
|
import Sider from './flow-sider';
|
|
import FlowHeader from './header';
|
|
import { useFetchDataOnMount } from './hooks';
|
|
|
|
const { Content } = Layout;
|
|
|
|
function RagFlow() {
|
|
const [collapsed, setCollapsed] = useState(false);
|
|
|
|
useFetchDataOnMount();
|
|
|
|
return (
|
|
<Layout>
|
|
<ReactFlowProvider>
|
|
<Sider setCollapsed={setCollapsed} collapsed={collapsed}></Sider>
|
|
<Layout>
|
|
<FlowHeader></FlowHeader>
|
|
<Content style={{ margin: 0 }}>
|
|
<FlowCanvas sideWidth={collapsed ? 0 : 200}></FlowCanvas>
|
|
</Content>
|
|
</Layout>
|
|
</ReactFlowProvider>
|
|
</Layout>
|
|
);
|
|
}
|
|
|
|
export default RagFlow;
|