From 78fd6476c9080ebdd820ab38516a149d78567ca0 Mon Sep 17 00:00:00 2001
From: Ivo Bek <bekivo@gmail.com>
Date: Thu, 10 Oct 2024 20:27:10 +0200
Subject: [PATCH] Add secondary node label as componentId when description is
 modified

---
 .../ui/src/components/Visualization/Custom/Node/CustomNode.tsx  | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/packages/ui/src/components/Visualization/Custom/Node/CustomNode.tsx b/packages/ui/src/components/Visualization/Custom/Node/CustomNode.tsx
index 7b4aeb4a4..ba688b3f4 100644
--- 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"