feat: add PipelineMigratedFromType enum and enhance GenericSectionErrorState props

Author: AbhishekA1509

src/Pages/Applications/DevtronApps/Details/AppConfigurations/DeploymentTemplate/types.ts

@@ -129,6 +129,11 @@ export interface SelectedChartDetailsType {
     selectedChart: DeploymentChartVersionType
 }
 
+export enum PipelineMigratedFromType {
+    HELM_RELEASE = 'helmRelease',
+    ARGO_APPLICATION = 'argoApplication',
+}
+
 interface EnvironmentConfigType {
     id: number
     status: number
@@ -142,13 +147,18 @@ interface BaseDeploymentTemplateConfigState {
     isOverridden?: never
     environmentConfig?: never
     mergeStrategy?: never
+    migratedFrom?: never
 }
 
 type EnvironmentOverrideDeploymentTemplateConfigState = {
     chartConfig?: never
     isOverridden: boolean
     environmentConfig: EnvironmentConfigType
     mergeStrategy: OverrideMergeStrategyType
+    /**
+     * Readonly flag to show the user that the pipeline is migrated from external app to devtron, and can't change its version or delete override
+     */
+    migratedFrom: PipelineMigratedFromType
 }
 
 export interface DeploymentTemplateConfigCommonState extends SelectedChartDetailsType {

src/Shared/Components/GenericSectionErrorState/GenericSectionErrorState.component.tsx

@@ -19,7 +19,6 @@ import { ComponentSizeType } from '@Shared/constants'
 import { Progressing } from '@Common/Progressing'
 import { ReactComponent as ErrorIcon } from '@Icons/ic-error-exclamation.svg'
 import { ReactComponent as ICInfoOutline } from '@Icons/ic-info-outline.svg'
-import { ReactComponent as ICArrowCounterClockwise } from '@Icons/ic-arrow-counter-clockwise.svg'
 import { Button, ButtonVariantType } from '../Button'
 import { GenericSectionErrorStateProps } from './types'
 
@@ -74,7 +73,6 @@ const GenericSectionErrorState = ({
 
             {reload && (
                 <Button
-                    startIcon={<ICArrowCounterClockwise className="dc__flip" />}
                     text={buttonText}
                     onClick={reload}
                     variant={ButtonVariantType.text}

src/Shared/Components/GenericSectionErrorState/types.ts

@@ -17,7 +17,7 @@
 import { ReactNode } from 'react'
 import { ProgressingProps } from '@Common/Types'
 
-export interface GenericSectionErrorStateProps {
+export type GenericSectionErrorStateProps = {
     /**
      * Handler for reloading the section
      */
@@ -48,14 +48,25 @@ export interface GenericSectionErrorStateProps {
      * to be applied on parent div
      */
     rootClassName?: string
-    /**
-     * If provided, would render the Progressing component with given props instead of error icon
-     */
-    progressingProps?: ProgressingProps
-    /**
-     * If true, info icon would be used instead of error
-     *
-     * @default false
-     */
-    useInfoIcon?: boolean
-}
+} & (
+    | {
+          /**
+           * If provided, would render the Progressing component with given props instead of error icon
+           */
+          progressingProps: ProgressingProps
+          useInfoIcon?: never
+      }
+    | {
+          progressingProps?: never
+          /**
+           * If true, info icon would be used instead of error
+           *
+           * @default false
+           */
+          useInfoIcon: boolean
+      }
+    | {
+          progressingProps?: never
+          useInfoIcon?: never
+      }
+)