Add secondary node label as componentId when description is modified

KaotoIO · Oct 10, 2024 · 78fd647 · 78fd647
1 parent f0ac182
commit 78fd647
Showing 1 changed file with 2 additions and 0 deletions.
diff --git a/packages/ui/src/components/Visualization/Custom/Node/CustomNode.tsx b/packages/ui/src/components/Visualization/Custom/Node/CustomNode.tsx
@@ -32,6 +32,7 @@ const CustomNode: FunctionComponent<CustomNodeProps> = observer(({ element, ...r
   const tooltipContent = vizNode?.getTooltipContent();
   const statusDecoratorTooltip = vizNode?.getNodeValidationText();
   const nodeStatus = !statusDecoratorTooltip || isDisabled ? NodeStatus.default : NodeStatus.warning;
+  const id = vizNode?.getTitle();
 
   return (
     <DefaultNode
@@ -43,6 +44,7 @@ const CustomNode: FunctionComponent<CustomNodeProps> = observer(({ element, ...r
       statusDecoratorTooltip={statusDecoratorTooltip}
       nodeStatus={nodeStatus}
       onStatusDecoratorClick={noopFn}
+      secondaryLabel={id !== label ? id : undefined}
     >
       <g
         className="custom-node"