feat: add workflow stage status text mapping and update WorkerStatus display

Author: AbhishekA1509

src/Shared/Components/CICDHistory/TriggerOutput.tsx

@@ -67,6 +67,7 @@ import {
     PULSATING_STATUS_MAP,
     TERMINAL_STATUS_COLOR_CLASS_MAP,
     PROGRESSING_STATUS,
+    WORKFLOW_STAGE_STATUS_TO_TEXT_MAP,
 } from './constants'
 import { GitTriggers } from '../../types'
 import LogsRenderer from './LogsRenderer'
@@ -140,7 +141,6 @@ const WorkerStatus = React.memo(
         return (
             <div className="display-grid trigger-details__grid py-4">
                 <div className="flexbox dc__content-center">
-                    {/* TODO: Ask if not started needs to be catered */}
                     {FAILED_WORKFLOW_STAGE_STATUS_MAP[podStatus] ? (
                         <ICWarningY5 className="icon-dim-20 dc__no-shrink" />
                     ) : (
@@ -153,7 +153,11 @@ const WorkerStatus = React.memo(
                         <div className="flexbox cn-9 fs-13 fw-4 lh-20">
                             <span>{stage === DeploymentStageType.DEPLOY && !podStatus ? 'Message' : 'Worker'}</span>
                             &nbsp;
-                            {podStatus && <span>{podStatus.toLowerCase()}&nbsp;</span>}
+                            {podStatus && (
+                                <span>
+                                    {WORKFLOW_STAGE_STATUS_TO_TEXT_MAP[podStatus] || podStatus.toLowerCase()}&nbsp;
+                                </span>
+                            )}
                         </div>
 
                         {stage !== DeploymentStageType.DEPLOY && getViewWorker()}

src/Shared/Components/CICDHistory/constants.tsx

@@ -116,6 +116,16 @@ export const PULSATING_STATUS_MAP: { [key in keyof typeof statusColor | Workflow
     [WorkflowStageStatusType.RUNNING.toLowerCase()]: true,
 }
 
+export const WORKFLOW_STAGE_STATUS_TO_TEXT_MAP: Record<WorkflowStageStatusType, string> = {
+    [WorkflowStageStatusType.NOT_STARTED]: 'Waiting to start',
+    [WorkflowStageStatusType.RUNNING]: 'Running',
+    [WorkflowStageStatusType.SUCCEEDED]: 'Succeeded',
+    [WorkflowStageStatusType.FAILED]: 'Failed',
+    [WorkflowStageStatusType.ABORTED]: 'Aborted',
+    [WorkflowStageStatusType.TIMEOUT]: 'Timed out',
+    [WorkflowStageStatusType.UNKNOWN]: 'Unknown',
+}
+
 export const TERMINAL_STATUS_COLOR_CLASS_MAP = {
     [TERMINAL_STATUS_MAP.SUCCEEDED]: 'cg-5',
     [TERMINAL_STATUS_MAP.HEALTHY]: 'cg-5',