api integration for scret view acces api of manifest

Author: shivani170

src/components/v2/appDetails/k8Resource/nodeDetail/NodeDetail.component.tsx

@@ -118,19 +118,19 @@ function NodeDetailComponent({
             )
             const _resourceContainers = []
             if (result?.manifestResponse?.manifest?.spec) {
-                if (Array.isArray(result.manifest.spec.containers)) {
+                if (Array.isArray(result.manifestResponse.manifest.spec.containers)) {
                     _resourceContainers.push(
-                        ...result.manifest.spec.containers.map((_container) => ({
+                        ...result.manifestResponse.manifest.spec.containers.map((_container) => ({
                             name: _container.name,
                             isInitContainer: false,
                             isEphemeralContainer: false,
                         })),
                     )
                 }
 
-                if (Array.isArray(result.manifest.spec.initContainers)) {
+                if (Array.isArray(result.manifestResponse.manifest.spec.initContainers)) {
                     _resourceContainers.push(
-                        ...result.manifest.spec.initContainers.map((_container) => ({
+                        ...result.manifestResponse.manifest.spec.initContainers.map((_container) => ({
                             name: _container.name,
                             isInitContainer: true,
                             isEphemeralContainer: false,

src/components/v2/appDetails/k8Resource/nodeDetail/NodeDetailTabs/Manifest.component.tsx

@@ -17,7 +17,7 @@ import MessageUI, { MsgUIType } from '../../../../common/message.ui'
 import { AppType, ManifestActionPropsType, NodeType } from '../../../appDetails.type'
 import YAML from 'yaml'
 import { toast } from 'react-toastify'
-import { Checkbox, DeploymentAppTypes, showError, ToastBody } from '@devtron-labs/devtron-fe-common-lib'
+import { Checkbox, CHECKBOX_VALUE, DeploymentAppTypes, showError, ToastBody } from '@devtron-labs/devtron-fe-common-lib'
 import { appendRefetchDataToUrl } from '../../../../../util/URLUtil'
 import {
     EA_MANIFEST_SECRET_EDIT_MODE_INFO_TEXT,
@@ -303,25 +303,25 @@ function ManifestComponent({
         updateEditor(_tab.name)
     }
 
-    const onChangeToggleShowDecodedValue = (codeEditorData) => {
+    const onChangeToggleShowDecodedValue = () => {
         setShowDecodedData(!showDecodedData)
-        const jsonManifestData = YAML.parse(codeEditorData) 
+        const jsonManifestData = YAML.parse(trimedManifestEditorData) 
         if(!showDecodedData){
             setTrimedManifestEditorData(getDecodedEncodedSecretManifestData(jsonManifestData, true , showDecodedData) as string)
         } else {
-            setTrimedManifestEditorData(getDecodedEncodedSecretManifestData(jsonManifestData, true, showDecodedData, true) as string)
+            setTrimedManifestEditorData(getDecodedEncodedSecretManifestData(jsonManifestData, true, true) as string)
         }
     }
 
-    const renderShowDecodedValueCheckbox = (codeEditorData) => {
+    const renderShowDecodedValueCheckbox = () => {
         return (
             <div className="flex left ml-8">
                 <Checkbox
                     rootClassName="mb-0-imp h-18"
                     id="showDecodedValue"
                     isChecked={showDecodedData}
-                    onChange={() => onChangeToggleShowDecodedValue(codeEditorData)}
-                    value="CHECKED"
+                    onChange={onChangeToggleShowDecodedValue}
+                    value={CHECKBOX_VALUE.CHECKED}
                 />
                 Show decoded Value
             </div>
@@ -446,7 +446,9 @@ function ManifestComponent({
                                         }
                                         className="flex left"
                                     >
-                                        {!isEditmode && secretViewAccess && renderShowDecodedValueCheckbox(trimedManifestEditorData)}
+                                        {/* {!isEditmode && secretViewAccess && renderShowDecodedValueCheckbox()} */}
+                                        { renderShowDecodedValueCheckbox()}
+
                                     </CodeEditor.Information>
                                 )}
                                 {activeTab === 'Compare' && (

src/components/v2/appDetails/k8Resource/nodeDetail/nodeDetail.util.ts

@@ -397,7 +397,7 @@ export const getTrimmedManifestData = (
     manifestData: ManifestData,
     returnAsString: boolean = false,
 ): ManifestData | string => {
-    if (manifestData[MANIFEST_KEY_FIELDS?.METADATA]) {
+    if (manifestData[MANIFEST_KEY_FIELDS.METADATA]) {
         const { [MANIFEST_KEY_FIELDS.MANAGED_FIELDS]: _, ...metadata } = manifestData[MANIFEST_KEY_FIELDS.METADATA]
         const trimmedManifestData = {...manifestData, [MANIFEST_KEY_FIELDS.METADATA]: metadata}
 
@@ -410,10 +410,9 @@ export const getTrimmedManifestData = (
 export const getDecodedEncodedSecretManifestData = (
     manifestData: ManifestData,
     returnAsString: boolean = false,
-    showDecodedData?: boolean,
     isEncoded?: boolean,
 ): ManifestData | string => {
-    if (manifestData && manifestData[MANIFEST_KEY_FIELDS.DATA]) {
+    if (manifestData && manifestData?.MANIFEST_KEY_FIELDS.DATA) {
         const encodedData = {
             ...manifestData,
             [MANIFEST_KEY_FIELDS.DATA]: decode(manifestData[MANIFEST_KEY_FIELDS.DATA], isEncoded),