From f0ac73a41aa76a7f8d85e431463b62be50c89b87 Mon Sep 17 00:00:00 2001 From: stijnpotters Date: Tue, 30 Jun 2026 12:15:21 +0200 Subject: [PATCH] Enhance exit-node component to update internals on compact state change --- .../routes/studio/canvas/nodetypes/exit-node.tsx | 16 +++++++++++++++- 1 file changed, 15 insertions(+), 1 deletion(-) diff --git a/src/main/frontend/app/routes/studio/canvas/nodetypes/exit-node.tsx b/src/main/frontend/app/routes/studio/canvas/nodetypes/exit-node.tsx index 39c0fcac..39ddd73c 100644 --- a/src/main/frontend/app/routes/studio/canvas/nodetypes/exit-node.tsx +++ b/src/main/frontend/app/routes/studio/canvas/nodetypes/exit-node.tsx @@ -1,4 +1,13 @@ -import { Handle, type Node, type NodeProps, NodeResizeControl, Position, useStore } from '@xyflow/react' +import { + Handle, + type Node, + type NodeProps, + NodeResizeControl, + Position, + useStore, + useUpdateNodeInternals, +} from '@xyflow/react' +import { useEffect } from 'react' import { ResizeIcon } from '~/routes/studio/canvas/nodetypes/frank-node' import { FlowConfig } from '~/routes/studio/canvas/flow.config' import { useSettingsStore } from '~/stores/settings-store' @@ -18,6 +27,11 @@ export default function ExitNodeComponent(properties: NodeProps) { const gradientEnabled = useSettingsStore((state) => state.studio.gradient) const zoom = useStore((state) => state.transform[2]) const isCompact = zoom < 0.4 + const updateNodeInternals = useUpdateNodeInternals() + + useEffect(() => { + updateNodeInternals(properties.id) + }, [isCompact, properties.id, updateNodeInternals]) if (isCompact) { return (