SRVKP-5501: feat: Implement support for Task spec.displayName

src/components/pipeline-topology/TaskList.tsx

@@ -10,7 +10,7 @@ import RemoveNodeDecorator from './RemoveNodeDecorator';
 import { KebabOption, NewTaskNodeCallback } from './types';
 import { TaskKind } from '../../types';
 import { getReferenceForModel } from '../pipelines-overview/utils';
-import { getResourceModelFromTaskKind } from '../utils/pipeline-augment';
+import { getResourceModelFromTaskKind, getTaskName } from '../utils/pipeline-augment';
 import { ResourceIcon } from '@openshift-console/dynamic-plugin-sdk';
 import { truncateMiddle } from './truncate-middle';
 
@@ -20,10 +20,8 @@ const taskToOption = (
   task: TaskKind,
   callback: NewTaskNodeCallback,
 ): KeyedKebabOption => {
-  const {
-    kind,
-    metadata: { name },
-  } = task;
+  const { kind } = task;
+  const name = getTaskName(task)
 
   return {
     key: `${name}-${kind}`,

src/components/pipelines-tasks/TasksRow.tsx

@@ -18,6 +18,8 @@ import {
 } from '@patternfly/react-core';
 import EllipsisVIcon from '@patternfly/react-icons/dist/esm/icons/ellipsis-v-icon';
 import { K8sCommonKebabMenu } from '../utils/k8s-common-kebab-menu';
+import { TaskKind } from 'src/types';
+import { getTaskName } from '../utils/pipeline-augment';
 
 type TasksKebabProps = {
   obj: K8sResourceCommon;
@@ -62,7 +64,7 @@ const TaskKebab: React.FC<TasksKebabProps> = ({ obj }) => {
   );
 };
 
-const TaskRow: React.FC<RowProps<K8sResourceCommon>> = ({
+const TaskRow: React.FC<RowProps<TaskKind>> = ({
   activeColumnIDs,
   obj,
 }) => {
@@ -73,7 +75,7 @@ const TaskRow: React.FC<RowProps<K8sResourceCommon>> = ({
       <TableData activeColumnIDs={activeColumnIDs} id="name">
         <ResourceLink
           kind={getReferenceForModel(TaskModel)}
-          name={obj.metadata.name}
+          name={getTaskName(obj)}
           namespace={obj.metadata.namespace}
         />
       </TableData>

src/components/utils/pipeline-augment.ts

@@ -22,6 +22,7 @@ import {
   PipelineKind,
   PipelineRunKind,
   PipelineTask,
+  TaskKind,
   TaskRunKind,
 } from '../../types';
 import { getReferenceForModel } from '../pipelines-overview/utils';
@@ -309,6 +310,10 @@ export const getTaskStatus = (
   return taskStatus;
 };
 
+export const getTaskName = (task: TaskKind): string => {
+  return task.spec.displayName || task.metadata?.name || 'anonymous-task';
+};
+
 export const getResourceModelFromTaskKind = (kind: string): K8sKind => {
   if (kind === TaskModel.kind || kind === undefined) {
     return TaskModel;

src/types/coreTekton.ts

@@ -30,6 +30,7 @@ export type TaskResult = {
 
 export type TektonTaskSpec = {
   metadata?: ObjectMetadata;
+  displayName?: string;
   description?: string;
   steps: TektonTaskSteps[];
   params?: TektonParam[];