fix: state resetting to default in cipipeline

Author: AbhishekA1509

src/components/CIPipelineN/AdvancedConfigOptions.tsx

@@ -4,7 +4,6 @@ import { ReactComponent as Add } from '../../assets/icons/ic-add.svg'
 import { ReactComponent as QuestionIcon } from '../v2/assets/icons/ic-question.svg'
 import { ReactComponent as HelpIcon } from '../../assets/icons/ic-help.svg'
 import CIConfig from '../ciConfig/CIConfig'
-import { deepEqual } from '../common'
 import { ComponentStates } from '../EnvironmentOverride/EnvironmentOverrides.type'
 import { AdvancedConfigOptionsProps, CIConfigParentState } from '../ciConfig/types'
 import { DockerConfigOverrideKeys } from '../ciPipeline/types'
@@ -18,7 +17,6 @@ import { pipelineContext } from '../workflowEditor/workflowEditor'
 
 export default function AdvancedConfigOptions({
     ciPipeline,
-    setDockerConfigOverridden,
 }: AdvancedConfigOptionsProps) {
     const {
         formData,
@@ -151,9 +149,6 @@ export default function AdvancedConfigOptions({
 
         // set updated form data
         setFormData(_form)
-
-        // Check for diff in global & current CI config and set isDockerConfigOverridden flag accordingly
-        setDockerConfigOverridden(!deepEqual(_form.dockerConfigOverride, parentState.defaultDockerConfigs))
     }
 
     const renderDockerArgs = () => {

src/components/CIPipelineN/Build.tsx

@@ -16,7 +16,6 @@ export function Build({
     ciPipeline,
     pageState,
     isSecurityModuleInstalled,
-    setDockerConfigOverridden,
     isJobView,
     getPluginData,
 }: BuildType) {
@@ -265,7 +264,6 @@ export function Build({
                     {isSecurityModuleInstalled && renderScanner()}
                     <AdvancedConfigOptions
                         ciPipeline={ciPipeline}
-                        setDockerConfigOverridden={setDockerConfigOverridden}
                     />
                 </>
             )}

src/components/CIPipelineN/CIPipeline.tsx

@@ -14,7 +14,6 @@ import {
     VisibleModal,
     Drawer,
     DeleteDialog,
-    DockerConfigOverrideType,
     RefVariableType,
     VariableType,
     MandatoryPluginDataType,
@@ -179,7 +178,6 @@ export default function CIPipeline({
         },
     })
     const validationRules = new ValidationRules()
-    const [isDockerConfigOverridden, setDockerConfigOverridden] = useState(false)
     const [mandatoryPluginData, setMandatoryPluginData] = useState<MandatoryPluginDataType>(null)
     const selectedBranchRef = useRef(null)
 
@@ -285,6 +283,7 @@ export default function CIPipeline({
         setPageState(ViewType.LOADING)
         getSecurityModuleStatus()
         if (ciPipelineId) {
+            // TODO: Would need to add loader for getAvailablePlugins to avoid state toggle
             getInitDataWithCIPipeline(appId, ciPipelineId, true)
                 .then((ciResponse) => {
                     const preBuildVariable = calculateLastStepDetail(
@@ -367,7 +366,7 @@ export default function CIPipeline({
                 }
                 setPresetPlugins(_presetPlugin)
                 setSharedPlugins(_sharedPlugin)
-                getMandatoryPluginData(_formData, [..._presetPlugin, ..._sharedPlugin])
+                getMandatoryPluginData(_formData, [..._presetPlugin, ..._sharedPlugin], true)
             })
             .catch((error: ServerErrors) => {
                 showError(error)
@@ -383,7 +382,11 @@ export default function CIPipeline({
         } catch (error) {}
     }
 
-    const getMandatoryPluginData = (_formData: PipelineFormType, pluginList: PluginDetailType[]): void => {
+    const getMandatoryPluginData = (
+        _formData: PipelineFormType,
+        pluginList: PluginDetailType[],
+        referPrevState: boolean = false,
+    ): void => {
         if (!isJobCard && processPluginData && prepareFormData && pluginList.length) {
             let branchName = ''
             if (_formData?.materials?.length) {
@@ -398,7 +401,9 @@ export default function CIPipeline({
                 processPluginData(_formData, pluginList, appId, ciPipelineId, branchName)
                     .then((response: MandatoryPluginDataType) => {
                         setMandatoryPluginData(response)
-                        if (_formData) {
+                        if (referPrevState) {
+                            setFormData((prevForm) => prepareFormData({ ...prevForm }, response?.pluginData ?? []))
+                        } else {
                             setFormData(prepareFormData(_formData, response?.pluginData ?? []))
                         }
                     })
@@ -533,11 +538,6 @@ export default function CIPipeline({
 
         const msg = ciPipeline.id ? 'Pipeline Updated' : 'Pipeline Created'
 
-        // Reset allow override flag to false if config matches with global
-        if (!ciPipeline.isDockerConfigOverridden && !isDockerConfigOverridden) {
-            formData.isDockerConfigOverridden = false
-            formData.dockerConfigOverride = {} as DockerConfigOverrideType
-        }
         //here we check for the case where the pipeline is multigit and user selects pullrequest or tag creation(webhook)
         //in that case we only send the webhook data not the other one.
         let _materials = formData.materials
@@ -813,7 +813,6 @@ export default function CIPipeline({
                                     isAdvanced={isAdvanced}
                                     ciPipeline={ciPipeline}
                                     isSecurityModuleInstalled={isSecurityModuleInstalled}
-                                    setDockerConfigOverridden={setDockerConfigOverridden}
                                     isJobView={isJobCard}
                                     getPluginData={getPluginData}
                                 />

src/components/ciConfig/types.tsx

@@ -127,7 +127,6 @@ export interface CIConfigFormProps {
 
 export interface AdvancedConfigOptionsProps {
     ciPipeline: CIPipelineDataType
-    setDockerConfigOverridden: React.Dispatch<React.SetStateAction<boolean>>
 }
 
 interface LanguageBuilderType {

src/components/ciPipeline/types.ts

@@ -388,7 +388,6 @@ export interface BuildType {
     ciPipeline: CIPipelineDataType
     pageState: string
     isSecurityModuleInstalled: boolean
-    setDockerConfigOverridden: React.Dispatch<React.SetStateAction<boolean>>
     isJobView?: boolean
     getPluginData: (_formData?: PipelineFormType) => void
 }