diff --git a/src/app/Topology/GraphView/CustomNode.tsx b/src/app/Topology/GraphView/CustomNode.tsx index f9144f007..6ddb0d55c 100644 --- a/src/app/Topology/GraphView/CustomNode.tsx +++ b/src/app/Topology/GraphView/CustomNode.tsx @@ -47,7 +47,7 @@ import { RESOURCE_NAME_TRUNCATE_LENGTH } from './UtilsFactory'; export const NODE_ICON_PADDING = 5; -export const renderIcon = (_data: TargetNode, element: Node, useAlt: boolean): React.ReactNode => { +export const renderIcon = (graphic, _data: TargetNode, element: Node, useAlt: boolean): React.ReactNode => { const { width, height } = element.getDimensions(); const contentSize = Math.min(width, height) - NODE_ICON_PADDING * 2; @@ -63,7 +63,7 @@ export const renderIcon = (_data: TargetNode, element: Node, useAlt: boolean): R ) : ( - + )} ); @@ -99,6 +99,8 @@ const CustomNode: React.FC = ({ const data: TargetNode = element.getData(); + const graphic = React.useMemo(() => (data.target.connectUrl.startsWith('http') ? cryostatSvg : openjdkSvg), [data]); + const [nodeStatus] = getStatusTargetNode(data); const graphId = React.useMemo(() => element.getGraph().getId(), [element]); @@ -138,7 +140,7 @@ const CustomNode: React.FC = ({ showLabel attachments={nodeDecorators} > - {renderIcon(data, element, !showIcon)} + {renderIcon(graphic, data, element, !showIcon)}