26 lines
872 B
TypeScript
26 lines
872 B
TypeScript
import { Flex } from '@chakra-ui/react'
|
|
import React from 'react'
|
|
import Graph from './graph/Graph'
|
|
import { StepDndContext } from 'contexts/StepDndContext'
|
|
import { StepsSideBar } from './StepsSideBar'
|
|
import { PreviewDrawer } from './preview/PreviewDrawer'
|
|
import { RightPanel, useEditor } from 'contexts/EditorContext'
|
|
import { GraphProvider } from 'contexts/GraphContext'
|
|
import { BoardMenuButton } from './BoardMenuButton'
|
|
|
|
export const Board = () => {
|
|
const { rightPanel } = useEditor()
|
|
return (
|
|
<Flex flex="1" pos="relative" bgColor="gray.50" h="full">
|
|
<StepDndContext>
|
|
<StepsSideBar />
|
|
<GraphProvider>
|
|
<Graph flex="1" />
|
|
<BoardMenuButton pos="absolute" right="40px" top="20px" />
|
|
{rightPanel === RightPanel.PREVIEW && <PreviewDrawer />}
|
|
</GraphProvider>
|
|
</StepDndContext>
|
|
</Flex>
|
|
)
|
|
}
|