Add secondary node label as componentId when description is modified

KaotoIO · Oct 10, 2024 · 5a78735 · 5a78735
1 parent f0ac182
commit 5a78735
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 2 deletions.
diff --git a/packages/ui/src/components/Visualization/Custom/Group/CustomGroupExpanded.tsx b/packages/ui/src/components/Visualization/Custom/Group/CustomGroupExpanded.tsx
@@ -96,15 +96,15 @@ export const CustomGroupExpanded: FunctionComponent<CustomGroupExpandedProps> =
               x={boxRef.current.x}
               y={boxRef.current.y}
               width={boxRef.current.width}
-              height={boxRef.current.height}
+              height={boxRef.current.height + 10}
             />
             <foreignObject
               data-nodelabel={label}
               className="foreign-object"
               x={boxRef.current.x}
               y={boxRef.current.y}
               width={boxRef.current.width}
-              height={boxRef.current.height}
+              height={boxRef.current.height + 10}
             >
               <div className={className}>
                 <div className="custom-group__title">

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"