feat: hide migrate to devtron in template view

Author: arunjaindev

src/components/cdPipeline/CDPipeline.tsx

@@ -698,7 +698,10 @@ export default function CDPipeline({
         }
 
         // Have to enforce type like this otherwise pipeline variable would have taken type from MigrateArgoAppToCDPipelineRequiredPayloadType and would throw error in case of virtual env.
-        const migrateToDevtronRequiredPayload: Omit<MigrateArgoAppToCDPipelineRequiredPayloadType, 'deploymentAppType'> & { deploymentAppType: DeploymentAppTypes } = isMigratingFromExternalApp
+        const migrateToDevtronRequiredPayload: Omit<
+            MigrateArgoAppToCDPipelineRequiredPayloadType,
+            'deploymentAppType'
+        > & { deploymentAppType: DeploymentAppTypes } = isMigratingFromExternalApp
             ? getMigrateToDevtronRequiredPayload(migrateToDevtronFormState)
             : null
 
@@ -956,7 +959,7 @@ export default function CDPipeline({
                     buttonProps: getConfigureGitOpsCredentialsButtonProps({
                         size: ComponentSizeType.small,
                         style: ButtonStyleType.neutral,
-                    })
+                    }),
                 })
 
                 return
@@ -1001,9 +1004,12 @@ export default function CDPipeline({
         try {
             const promiseArr = cdPipelineId
                 ? [updateCDPipeline(request, isTemplateView), null]
-                : [saveCDPipeline(request, {
-                        isTemplateView
-                    }), isMigratingFromExternalApp ? getEnvironmentListMinPublic(true) : null]
+                : [
+                      saveCDPipeline(request, {
+                          isTemplateView,
+                      }),
+                      isMigratingFromExternalApp ? getEnvironmentListMinPublic(true) : null,
+                  ]
             const [response, environmentRes] = await Promise.all(promiseArr)
             if (response.result) {
                 const pipelineConfigFromRes = response.result.pipelines[0]
@@ -1371,7 +1377,10 @@ export default function CDPipeline({
         // Disable button if environment or release name is not selected
         const getButtonDisabledMessage = (): string => {
             if (isMigratingFromExternalApp) {
-                const isLinkable = migrateToDevtronFormState.deploymentAppType === DeploymentAppTypes.HELM ? migrateToDevtronFormState.migrateFromHelmFormState.validationResponse.isLinkable : migrateToDevtronFormState.migrateFromArgoFormState.validationResponse.isLinkable
+                const isLinkable =
+                    migrateToDevtronFormState.deploymentAppType === DeploymentAppTypes.HELM
+                        ? migrateToDevtronFormState.migrateFromHelmFormState.validationResponse.isLinkable
+                        : migrateToDevtronFormState.migrateFromArgoFormState.validationResponse.isLinkable
                 if (!isLinkable) {
                     return 'Please resolve errors before proceeding'
                 }
@@ -1417,16 +1426,18 @@ export default function CDPipeline({
                                         'data-testid': 'new-deployment-tab',
                                     },
                                 },
-                                {
-                                    tabType: 'button',
-                                    active: formData.releaseMode === ReleaseMode.MIGRATE_EXTERNAL_APPS,
-                                    label: 'Migrate to Devtron',
-                                    id: ReleaseMode.MIGRATE_EXTERNAL_APPS,
-                                    props: {
-                                        onClick: handleSelectMigrateToDevtron,
-                                        'data-testid': 'migrate-to-devtron-tab',
-                                    },
-                                },
+                                ...(isTemplateView
+                                    ? []
+                                    : [{
+                                          tabType: 'button' as const,
+                                          active: formData.releaseMode === ReleaseMode.MIGRATE_EXTERNAL_APPS,
+                                          label: 'Migrate to Devtron',
+                                          id: ReleaseMode.MIGRATE_EXTERNAL_APPS,
+                                          props: {
+                                              onClick: handleSelectMigrateToDevtron,
+                                              'data-testid': 'migrate-to-devtron-tab',
+                                          },
+                                      }]),
                             ]}
                             alignActiveBorderWithContainer
                         />

src/css/themeUtils.scss

@@ -14,6 +14,8 @@
  * limitations under the License.
  */
 
+@use './mixins.scss' as *;
+
 .bg {
     &__primary {
         background: var(--bg-primary);