blsmedia/bot
2
0
Fork 0
Code Activity

perf(editor): ⚡️ Improve graph transition perf

Browse Source
This commit is contained in:
Baptiste Arnaud
2022-02-14 18:56:29 +01:00
parent e7d1f5d674
commit 714f7c8ce5
9 changed files with 61 additions and 42 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
apps/builder/contexts/GraphContext.tsx
View File

@ -41,7 +41,7 @@ export type Node = Omit<Block, 'steps'> & {
})[]
}
const graphPositionDefaultValue = { x: 400, y: 100, scale: 1 }
export const graphPositionDefaultValue = { x: 400, y: 100, scale: 1 }
export type ConnectingIds = {
source: Source
@ -73,6 +73,8 @@ const graphContext = createContext<{
openedStepId?: string
setOpenedStepId: Dispatch<SetStateAction<string | undefined>>
isReadOnly: boolean
graphOffsetY: number
setGraphOffsetY: Dispatch<SetStateAction<number>>
// eslint-disable-next-line @typescript-eslint/ban-ts-comment
//@ts-ignore
}>({
@ -98,6 +100,7 @@ export const GraphProvider = ({
const [blocksCoordinates, setBlocksCoordinates] = useState<BlocksCoordinates>(
{}
)
const [graphOffsetY, setGraphOffsetY] = useState(0)
useEffect(() => {
setBlocksCoordinates(
@ -150,6 +153,8 @@ export const GraphProvider = ({
blocksCoordinates,
updateBlockCoordinates,
isReadOnly,
graphOffsetY,
setGraphOffsetY,
}}
>
{children}