fix Task badge color in pipeline builder page

PuneetPunamiya · Mar 26, 2021 · 94b6772 · 94b6772
1 parent 24cc856
commit 94b6772
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 4 deletions.
diff --git a/...s/pipelines-plugin/src/components/pipelines/pipeline-builder/task-sidebar/TaskSidebar.tsx b/...s/pipelines-plugin/src/components/pipelines/pipeline-builder/task-sidebar/TaskSidebar.tsx
@@ -2,7 +2,7 @@ import * as React from 'react';
 import { useField } from 'formik';
 import { useTranslation } from 'react-i18next';
 import { ActionsMenu, ResourceIcon, CloseButton } from '@console/internal/components/utils';
-import { referenceFor } from '@console/internal/module/k8s';
+import { referenceForModel } from '@console/internal/module/k8s';
 import { getResourceModelFromTaskKind } from '../../../../utils/pipeline-augment';
 import {
  PipelineTask,
@@ -64,7 +64,6 @@ const TaskSidebar: React.FC<TaskSidebarProps> = (props) => {
  const thisResource = taskResources.find(
  (taskFieldResource) => taskFieldResource.name === resource.name,
  );
-
  return (
  <div key={resource.name} className="odc-task-sidebar__resource">
  <TaskSidebarResource
@@ -95,7 +94,7 @@ const TaskSidebar: React.FC<TaskSidebarProps> = (props) => {
  <div className="co-m-pane__name co-resource-item">
  <ResourceIcon
  className="co-m-resource-icon--lg"
- kind={referenceFor(getResourceModelFromTaskKind(taskResource.kind))}
+ kind={referenceForModel(getResourceModelFromTaskKind(taskResource.kind))}
  />
  {taskResource.metadata.name}
  </div>

diff --git a/frontend/packages/pipelines-plugin/src/components/pipelines/pipeline-topology/TaskList.tsx b/frontend/packages/pipelines-plugin/src/components/pipelines/pipeline-topology/TaskList.tsx
@@ -6,12 +6,14 @@ import { FocusTrap, Tooltip } from '@patternfly/react-core';
 import { CaretDownIcon } from '@patternfly/react-icons';
 import { useHover } from '@patternfly/react-topology';
 import Popper from '@console/shared/src/components/popper/Popper';
+import { referenceForModel } from '@console/internal/module/k8s';
 import {
  KebabItem,
  KebabOption,
  ResourceIcon,
  truncateMiddle,
 } from '@console/internal/components/utils';
+import { getResourceModelFromTaskKind } from '../../../utils/pipeline-augment';
 import { TaskKind } from '../../../types';
 import { NewTaskNodeCallback } from './types';
 
@@ -26,7 +28,7 @@ const taskToOption = (task: TaskKind, callback: NewTaskNodeCallback): KeyedKebab
  return {
  key: `${name}-${kind}`,
  label: name,
- icon: <ResourceIcon kind={kind} />,
+ icon: <ResourceIcon kind={referenceForModel(getResourceModelFromTaskKind(kind))} />,
  callback: () => {
  callback(task);
  },