[RHOAIENG-7425]: Update Pipeline Group Labels and Positioning

jenny-s51 · Jun 25, 2024 · 55107bf · 55107bf
1 parent 1c5b791
commit 55107bf
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 5 deletions.
diff --git a/frontend/package-lock.json b/frontend/package-lock.json
diff --git a/frontend/package.json b/frontend/package.json
@@ -66,7 +66,7 @@
     "@patternfly/react-styles": "^5.3.1",
     "@patternfly/react-table": "^5.3.3",
     "@patternfly/react-tokens": "^5.3.1",
-    "@patternfly/react-topology": "^5.4.0-prerelease.9",
+    "@patternfly/react-topology": "^5.4.0-prerelease.10",
     "@patternfly/react-virtualized-extension": "^5.1.0",
     "@types/classnames": "^2.3.1",
     "axios": "^1.6.4",

diff --git a/frontend/src/concepts/topology/PipelineDefaultTaskGroup.tsx b/frontend/src/concepts/topology/PipelineDefaultTaskGroup.tsx
@@ -12,6 +12,8 @@ import {
   NodeModel,
   useHover,
   PipelineNodeModel,
+  TaskGroupPillLabel,
+  LabelPosition,
 } from '@patternfly/react-topology';
 import { Flex, FlexItem, Popover, Stack, StackItem } from '@patternfly/react-core';
 import { PipelineNodeModelExpanded, StandardTaskNodeData } from '~/concepts/topology/types';
@@ -57,9 +59,12 @@ const DefaultTaskGroupInner: React.FunctionComponent<PipelinesDefaultGroupInnerP
         element={element}
         collapsible
         recreateLayoutOnCollapseChange
+        GroupLabelComponent={TaskGroupPillLabel}
         selected={selected}
         onSelect={onSelect}
         hideDetailsAtMedium
+        centerLabelOnEdge
+        labelPosition={LabelPosition.top}
         showStatusState
         scaleNode={hover && detailsLevel !== ScaleDetailsLevel.high}
         showLabelOnHover