File size: 1,190 Bytes
68ed806 dcce454 5365cac dcce454 e3322d7 50eb137 dcce454 5365cac 09502ac 5365cac be99f83 50eb137 be99f83 dcce454 5365cac ad5587c be99f83 09502ac f859b0d 09502ac 5365cac dcce454 |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 |
import { useSetModalState } from '@/hooks/common-hooks';
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 { useCopyPaste, useFetchDataOnMount } from './hooks';
const { Content } = Layout;
function RagFlow() {
const [collapsed, setCollapsed] = useState(false);
const {
visible: chatDrawerVisible,
hideModal: hideChatDrawer,
showModal: showChatDrawer,
} = useSetModalState();
useFetchDataOnMount();
useCopyPaste();
return (
<Layout>
<ReactFlowProvider>
<Sider setCollapsed={setCollapsed} collapsed={collapsed}></Sider>
<Layout>
<FlowHeader
showChatDrawer={showChatDrawer}
chatDrawerVisible={chatDrawerVisible}
></FlowHeader>
<Content style={{ margin: 0 }}>
<FlowCanvas
drawerVisible={chatDrawerVisible}
hideDrawer={hideChatDrawer}
></FlowCanvas>
</Content>
</Layout>
</ReactFlowProvider>
</Layout>
);
}
export default RagFlow;
|