fix for diable env

Author: shivani170

src/components/cdPipeline/NewCDPipeline.tsx

@@ -447,7 +447,7 @@ export default function NewCDPipeline({
         form.enableCustomTag = pipelineConfigFromRes.enableCustomTag
         form.customTagStage = pipelineConfigFromRes.customTagStage
         form.isDigestEnforcedForEnv = pipelineConfigFromRes.isDigestEnforcedForEnv
-        form.isDigestEnforcedForPipeline = pipelineConfigFromRes.isDigestEnforcedForPipeline
+        form.isDigestEnforcedForPipeline = pipelineConfigFromRes.isDigestEnforcedForEnv? pipelineConfigFromRes.isDigestEnforcedForEnv : pipelineConfigFromRes.isDigestEnforcedForPipeline
 
         if (pipelineConfigFromRes?.preDeployStage) {
             if(pipelineConfigFromRes.preDeployStage.steps?.length > 0){

src/components/cdPipeline/PullImageDigestToggle.tsx

@@ -1,15 +1,39 @@
-import { Toggle } from '@devtron-labs/devtron-fe-common-lib'
+import { ConditionalWrap, Toggle } from '@devtron-labs/devtron-fe-common-lib'
 import React from 'react'
+import Tippy from '@tippyjs/react'
 import { ReactComponent as DockerWithImage } from '../../assets/icons/ic-docker-with-image.svg'
 import { PullImageDigestToggleType } from './types'
+import { DIGEST_DISABLE_TOGGLE_MESSAGE } from '../../config'
 
 function PullImageDigestToggle({ formData, setFormData }: PullImageDigestToggleType): JSX.Element {
-    const handleCustomTagToggle = (): void => {
+    const handleImageDigestToggle = (): void => {
         const _formData = { ...formData }
         _formData.isDigestEnforcedForPipeline = !_formData.isDigestEnforcedForPipeline
         setFormData(_formData)
     }
 
+    const renderDogestToggle = () => {
+        return (
+            <ConditionalWrap
+                condition={formData.isDigestEnforcedForEnv}
+                wrap={(children) => (
+                    <Tippy className="default-tt w-200" content={DIGEST_DISABLE_TOGGLE_MESSAGE}>
+                        <div>{children}</div>
+                    </Tippy>
+                )}
+            >
+                <div className={`w-32 h-20 ${formData.isDigestEnforcedForEnv ? 'dc__opacity-0_4' : ''}`}>
+                    <Toggle
+                        selected={formData.isDigestEnforcedForPipeline}
+                        onSelect={handleImageDigestToggle}
+                        dataTestId="create-build-pipeline-image-pull-digest-toggle"
+                        disabled={formData.isDigestEnforcedForEnv}
+                    />
+                </div>
+            </ConditionalWrap>
+        )
+    }
+
     const renderImageDigestBody = (): JSX.Element => {
         return (
             <div className="fs-13">
@@ -25,13 +49,7 @@ function PullImageDigestToggle({ formData, setFormData }: PullImageDigestToggleT
                             </div>
                         </div>
                     </div>
-                    <div className="w-32 h-20">
-                        <Toggle
-                            selected={formData.isDigestEnforcedForPipeline}
-                            onSelect={handleCustomTagToggle}
-                            dataTestId="create-build-pipeline-image-pull-digest-toggle"
-                        />
-                    </div>
+                    {renderDogestToggle()}
                 </div>
                 <hr />
             </div>
@@ -40,5 +58,4 @@ function PullImageDigestToggle({ formData, setFormData }: PullImageDigestToggleT
 
     return renderImageDigestBody()
 }
-
 export default PullImageDigestToggle

src/config/constants.ts

@@ -810,4 +810,5 @@ export const ENV_ALREADY_EXIST_ERROR = 'Deployment pipeline already exists for t
 export const CVE_ID_NOT_FOUND = "CVE ID not found"
 export const CONFIGURE_LINK_NO_NAME = "Please provide name for the tool you want to link"
 export const NO_HOST_URL = "Please enter host url"
-export const WEBHOOK_NO_API_TOKEN_ERROR = "API Token is required to execute webhook"
+export const WEBHOOK_NO_API_TOKEN_ERROR = "API Token is required to execute webhook"
+export const DIGEST_DISABLE_TOGGLE_MESSAGE= "Pull image digest policy is enforced in Global Configurations. Go to Global Configurations to change."

src/css/base.scss

@@ -3676,6 +3676,10 @@ textarea::placeholder {
 }
 
 // opacity
+.dc__opacity-0_4 {
+    opacity: 0.4;
+}
+
 .dc__opacity-0_5 {
     opacity: 0.5;
 }