refactor - DeploymentHistoryConfigDiff - code refactor

Author: RohitRaj011

src/Shared/Components/CICDHistory/DeploymentHistoryConfigDiff/helpers.tsx

@@ -26,7 +26,6 @@ import {
     diffStateTextMap,
 } from '@Shared/Components/DeploymentConfigDiff'
 
-import { DeploymentStatus } from '@Shared/Components/StatusComponent'
 import { History } from '../types'
 import { DeploymentHistoryConfigDiffProps } from './types'
 
@@ -77,8 +76,6 @@ export const renderDeploymentHistoryConfig = (
     </div>
 )
 
-export const renderPipelineDeploymentStatusIcon = (status: string) => <DeploymentStatus status={status} />
-
 export const renderPipelineDeploymentOptionDescription = ({
     stage,
     triggeredBy,

src/Shared/Components/CICDHistory/DeploymentHistoryConfigDiff/utils.ts renamed to src/Shared/Components/CICDHistory/DeploymentHistoryConfigDiff/utils.tsx

@@ -19,9 +19,10 @@ import moment from 'moment'
 import { DATE_TIME_FORMATS, ERROR_STATUS_CODE } from '@Common/Constants'
 import { DeploymentStageType } from '@Shared/constants'
 import { SelectPickerOptionType } from '@Shared/Components/SelectPicker'
+import { DeploymentStatus } from '@Shared/Components/StatusComponent'
 
 import { History } from '../types'
-import { renderPipelineDeploymentOptionDescription, renderPipelineDeploymentStatusIcon } from './helpers'
+import { renderPipelineDeploymentOptionDescription } from './helpers'
 import { DeploymentHistoryConfigDiffProps } from './types'
 
 export const getPipelineDeployments = (triggerHistory: DeploymentHistoryConfigDiffProps['triggerHistory']) =>
@@ -68,7 +69,7 @@ export const getPipelineDeploymentsOptions = ({
                 resourceId,
                 runSource: triggerHistory.get(id).runSource,
             }),
-            startIcon: renderPipelineDeploymentStatusIcon(status),
+            startIcon: <DeploymentStatus status={status} />,
         }),
     )
     const currentDeployment = moment(pipelineDeployments[currentDeploymentIndex].startedOn).format(