feat: introduce dummy flow editor
This commit is contained in:
29
packages/web/src/components/Editor/index.tsx
Normal file
29
packages/web/src/components/Editor/index.tsx
Normal file
@@ -0,0 +1,29 @@
|
||||
import * as React from 'react';
|
||||
import Box from '@mui/material/Box';
|
||||
|
||||
import FlowStep from 'components/FlowStep';
|
||||
import type { Flow } from 'types/flow';
|
||||
|
||||
type EditorProps = {
|
||||
flow?: Flow;
|
||||
}
|
||||
|
||||
export default function Editor(props: EditorProps) {
|
||||
const { flow } = props;
|
||||
|
||||
return (
|
||||
<Box
|
||||
display="flex"
|
||||
flex={1}
|
||||
flexDirection="column"
|
||||
alignItems="center"
|
||||
width={800}
|
||||
maxWidth="100%"
|
||||
alignSelf="center"
|
||||
py={3}
|
||||
gap={2}
|
||||
>
|
||||
{flow?.steps?.map(step => (<FlowStep key={step.id} step={step} />))}
|
||||
</Box>
|
||||
)
|
||||
};
|
Reference in New Issue
Block a user