refactor

Author: lucasgoral

public/locales/en.json

@@ -263,6 +263,7 @@
     "copy": "Copy"
   },
   "yaml": {
-    "copiedToClipboard": "YAML copied to clipboard!"
+    "copiedToClipboard": "YAML copied to clipboard!",
+    "YAML": "YAML"
   }
 }

src/components/ControlPlane/FluxList.tsx

@@ -78,7 +78,7 @@ export default function FluxList() {
         accessor: 'created',
       },
       {
-        Header: 'YAML',
+        Header: t('yaml.YAML'),
         hAlign: 'Center',
         width: 85,
         accessor: 'yaml',
@@ -116,7 +116,7 @@ export default function FluxList() {
         accessor: 'created',
       },
       {
-        Header: 'YAML',
+        Header: t('yaml.YAML'),
         hAlign: 'Center',
         width: 85,
         accessor: 'yaml',

src/components/ControlPlane/Providers.tsx

@@ -87,7 +87,7 @@ export function Providers() {
         accessor: 'created',
       },
       {
-        Header: 'YAML',
+        Header: t('yaml.YAML'),
         hAlign: 'Center',
         width: 85,
         accessor: 'yaml',

src/components/ControlPlane/ProvidersConfig.tsx

@@ -72,7 +72,7 @@ export function ProvidersConfig() {
         accessor: 'created',
       },
       {
-        Header: 'YAML',
+        Header: t('yaml.YAML'),
         hAlign: 'Center',
         width: 85,
         accessor: 'yaml',

src/components/Projects/ProjectsList.tsx

@@ -73,7 +73,7 @@ export default function ProjectsList() {
         ),
       },
       {
-        Header: 'YAML',
+        Header: t('yaml.YAML'),
         accessor: 'yaml',
         width: 85,
         hAlign: 'Center',

src/utils/removeManagedFieldsProperty.ts

@@ -1,18 +1,34 @@
 export type Resource = {
   kind: string;
+  items?: {
+    metadata: {
+      managedFields?: unknown;
+    };
+  }[];
   metadata: {
     managedFields?: unknown;
   };
 };
 
 export const removeManagedFieldsProperty = (resourceObject: Resource) => {
-  return resourceObject?.metadata?.managedFields
-    ? {
-        ...resourceObject,
-        metadata: {
-          ...resourceObject.metadata,
-          managedFields: undefined,
-        },
-      }
-    : resourceObject;
+  if (resourceObject?.metadata?.managedFields) {
+    return {
+      ...resourceObject,
+      metadata: {
+        ...resourceObject.metadata,
+        managedFields: undefined,
+      },
+    };
+  }
+  if (resourceObject?.items) {
+    return {
+      ...resourceObject,
+      items: resourceObject.items.map((item) => ({
+        ...item,
+        metadata: { ...item.metadata, managedFields: undefined },
+      })),
+    };
+  }
+
+  return resourceObject;
 };

src/views/ControlPlanes/ControlPlaneView.tsx

@@ -81,6 +81,7 @@ export default function ControlPlaneView() {
                     display: 'flex',
                     flexDirection: 'row',
                     justifyContent: 'space-between',
+                    gap: '0.5rem',
                   }}
                 >
                   <MCPHealthPopoverButton