feat: add workflow status title utility and enhance status handling in CICD components

Author: AbhishekA1509

src/Shared/Components/CICDHistory/Sidebar.tsx

@@ -42,7 +42,7 @@ import { ReactComponent as ICDocker } from '../../../Assets/Icon/ic-docker.svg'
 import { GitTriggers } from '../../types'
 import { CiPipelineSourceConfig } from './CiPipelineSourceConfig'
 import { HISTORY_LABEL, FILTER_STYLE, statusColor as colorMap } from './constants'
-import { getTriggerStatusIcon } from './utils'
+import { getTriggerStatusIcon, getWorkflowNodeStatusTitle } from './utils'
 
 const SummaryTooltipCard = React.memo(
     ({
@@ -55,7 +55,7 @@ const SummaryTooltipCard = React.memo(
     }: SummaryTooltipCardType): JSX.Element => (
         <div className="build-card-popup p-16 br-4 w-400 bg__primary mxh-300 dc__overflow-scroll">
             <span className="fw-6 fs-16 mb-4" style={{ color: colorMap[status.toLowerCase()] }}>
-                {status.toLowerCase() === 'cancelled' ? 'Aborted' : status}
+                {getWorkflowNodeStatusTitle(status)}
             </span>
             <div className="flex column left">
                 <div className="flex left fs-12 cn-7">

src/Shared/Components/CICDHistory/utils.tsx

@@ -27,7 +27,7 @@ import { ReactComponent as ICCheck } from '@Icons/ic-check.svg'
 import { ReactComponent as ICInProgress } from '@Icons/ic-in-progress.svg'
 import { isTimeStringAvailable } from '@Shared/Helpers'
 import { DEFAULT_CLUSTER_ID, TERMINAL_STATUS_MAP } from './constants'
-import { ResourceKindType } from '../../types'
+import { ResourceKindType, WorkflowStatusEnum } from '../../types'
 import {
     TriggerHistoryFilterCriteriaProps,
     DeploymentHistoryResultObject,
@@ -201,6 +201,7 @@ export const getTriggerStatusIcon = (triggerDetailStatus: string): JSX.Element =
         case TERMINAL_STATUS_MAP.PROGRESSING:
         case TERMINAL_STATUS_MAP.STARTING:
         case TERMINAL_STATUS_MAP.INITIATING:
+        case WorkflowStatusEnum.WAITING_TO_START.toLowerCase():
             return renderProgressingTriggerIcon()
 
         case TERMINAL_STATUS_MAP.SUCCEEDED:
@@ -288,3 +289,19 @@ export const sanitizeWorkflowExecutionStages = (
 
 export const getWorkerPodBaseUrl = (clusterId: number = DEFAULT_CLUSTER_ID, podNamespace: string = 'devtron-ci') =>
     `/resource-browser/${clusterId}/${podNamespace}/pod/k8sEmptyGroup`
+
+export const getWorkflowNodeStatusTitle = (status: string) => {
+    if (!status) {
+        return null
+    }
+
+    if (status.toLowerCase() === 'cancelled') {
+        return 'ABORTED'
+    }
+
+    if (status === WorkflowStatusEnum.WAITING_TO_START) {
+        return 'Waiting to start'
+    }
+
+    return status
+}

src/Shared/types.ts

@@ -937,3 +937,11 @@ export interface TargetPlatformItemDTO {
 export interface TargetPlatformsDTO {
     targetPlatforms: TargetPlatformItemDTO[]
 }
+
+export enum WorkflowStatusEnum {
+    STARTING = 'Starting',
+    RUNNING = 'Running',
+    PROGRESSING = 'Progressing',
+    WAITING_TO_START = 'WaitingToStart',
+    CANCELLED = 'CANCELLED',
+}