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

11
apps/builder/components/shared/Graph/Edges/DrawingEdge.tsx
View File

@ -18,6 +18,7 @@ export const DrawingEdge = () => {
sourceEndpoints,
targetEndpoints,
blocksCoordinates,
graphOffsetY,
} = useGraph()
const { createEdge } = useTypebot()
const [mousePosition, setMousePosition] = useState({ x: 0, y: 0 })
@ -30,22 +31,20 @@ export const DrawingEdge = () => {
const sourceTop = useMemo(() => {
if (!connectingIds) return 0
return getEndpointTopOffset(
graphPosition,
sourceEndpoints,
graphOffsetY,
connectingIds.source.itemId ?? connectingIds.source.stepId
)
// eslint-disable-next-line react-hooks/exhaustive-deps
}, [graphPosition, sourceEndpoints, connectingIds])
}, [connectingIds, sourceEndpoints, graphOffsetY])
const targetTop = useMemo(() => {
if (!connectingIds) return 0
return getEndpointTopOffset(
graphPosition,
targetEndpoints,
graphOffsetY,
connectingIds.target?.stepId
)
// eslint-disable-next-line react-hooks/exhaustive-deps
}, [graphPosition, targetEndpoints, connectingIds])
}, [connectingIds, targetEndpoints, graphOffsetY])
const path = useMemo(() => {
if (!sourceTop || !sourceBlockCoordinates) return ``