fixes

Author: lucasgoral

src/components/Yaml/YamlLoader.tsx

@@ -9,6 +9,10 @@ import Loading from '../Shared/Loading.tsx';
 import IllustratedError from '../Shared/IllustratedError.tsx';
 import YamlViewer from './YamlViewer.tsx';
 import useResource from '../../lib/api/useApiResource';
+import {
+  removeManagedFieldsProperty,
+  Resource,
+} from '../../utils/removeManagedFieldsProperty.ts';
 
 export const YamlLoader: FC<YamlViewButtonProps> = ({
   workspaceName,
@@ -17,6 +21,8 @@ export const YamlLoader: FC<YamlViewButtonProps> = ({
 }) => {
   const { isLoading, data, error } = useResource(
     ResourceObject(workspaceName ?? '', resourceType, resourceName),
+    undefined,
+    true,
   );
   const { t } = useTranslation();
   if (isLoading) return <Loading />;
@@ -26,7 +32,7 @@ export const YamlLoader: FC<YamlViewButtonProps> = ({
 
   return (
     <YamlViewer
-      yamlString={stringify(data)}
+      yamlString={stringify(removeManagedFieldsProperty(data as Resource))}
       filename={`${workspaceName ? `${workspaceName}_` : ''}${resourceType}_${resourceName}`}
     />
   );

src/lib/api/useApiResource.ts

@@ -19,6 +19,7 @@ export { useApiResource as default };
 export const useApiResource = <T>(
   resource: Resource<T>,
   config?: SWRConfiguration,
+  excludeMcpConfig?: boolean,
 ) => {
   const apiConfig = useContext(ApiConfigContext);
 
@@ -29,7 +30,7 @@ export const useApiResource = <T>(
     ([path, apiConfig]) =>
       fetchApiServerJson<T>(
         path,
-        apiConfig,
+        excludeMcpConfig ? { ...apiConfig, mcpConfig: undefined } : apiConfig,
         resource.jq,
         resource.method,
         resource.body,

src/views/ControlPlanes/ControlPlaneView.tsx

@@ -29,20 +29,28 @@ import MCPHealthPopoverButton from '../../components/ControlPlane/MCPHealthPopov
 import useResource from '../../lib/api/useApiResource';
 
 import { YamlViewButton } from '../../components/Yaml/YamlViewButton.tsx';
+import { YamlViewButtonWithLoader } from '../../components/Yaml/YamlViewButtonWithLoader.tsx';
 
 export default function ControlPlaneView() {
   const { projectName, workspaceName, controlPlaneName, contextName } =
     useParams();
   const { t } = useTranslation();
 
+  console.log('contextName');
+  console.log(contextName);
+  console.log('controlPlaneName');
+  console.log(controlPlaneName);
+  console.log('projectName');
+  console.log(projectName);
   const { data: mcp, error } = useResource(
     ControlPlaneResource(
       projectName ?? '',
       workspaceName ?? '',
       controlPlaneName ?? '',
     ),
   );
-
+  console.log('mcp');
+  console.log(mcp);
   if (!projectName || !workspaceName || !controlPlaneName) {
     return <></>;
   }
@@ -89,7 +97,11 @@ export default function ControlPlaneView() {
                     workspaceName={workspaceName ?? ''}
                     mcpName={controlPlaneName}
                   />
-                  <YamlViewButton resourceObject={mcp} />
+                  <YamlViewButtonWithLoader
+                    workspaceName={mcp?.status?.access?.namespace}
+                    resourceType={'managedcontrolplanes'}
+                    resourceName={controlPlaneName}
+                  />
                   <CopyKubeconfigButton />
                 </div>
               }