fix

Author: lucasgoral

public/locales/en.json

@@ -371,7 +371,8 @@
     "update": "Update"
   },
   "yaml": {
-    "YAML": "File"
+    "YAML": "File",
+    "showOnlyImportant": "Show only important fields"
   },
   "createMCP": {
     "dialogTitle": "Create Managed Control Plane",

src/components/Yaml/YamlLoader.tsx

@@ -37,6 +37,7 @@ export const YamlLoader: FC<YamlLoaderProps> = ({
   return (
     <YamlViewer
       yamlString={stringify(removeManagedFieldsProperty(data as Resource, showOnlyImportantData))}
+      yamlStringToCopy={stringify(removeManagedFieldsProperty(data as Resource, false))}
       filename={`${workspaceName ? `${workspaceName}_` : ''}${resourceType}_${resourceName}`}
       setShowOnlyImportantData={setShowOnlyImportantData}
       showOnlyImportantData={showOnlyImportantData}

src/components/Yaml/YamlViewButton.tsx

@@ -20,14 +20,18 @@ export const YamlViewButton: FC<YamlViewButtonProps> = ({ resourceObject }) => {
 
   const yamlString = useMemo(() => {
     return stringify(removeManagedFieldsProperty(resource, showOnlyImportantData));
-  }, [resource]);
+  }, [resource, showOnlyImportantData]);
+  const yamlStringToCopy = useMemo(() => {
+    return stringify(removeManagedFieldsProperty(resource, false));
+  }, [resource, showOnlyImportantData]);
   return (
     <span>
       <YamlViewDialog
         isOpen={isOpen}
         setIsOpen={setIsOpen}
         dialogContent={
           <YamlViewer
+            yamlStringToCopy={yamlStringToCopy}
             yamlString={yamlString}
             filename={`${resource?.kind ?? ''}${resource?.metadata?.name ? '_' : ''}${resource?.metadata?.name ?? ''}`}
             setShowOnlyImportantData={setShowOnlyImportantData}

src/components/Yaml/YamlViewDialog.tsx

@@ -26,6 +26,7 @@ export const YamlViewDialog: FC<YamlViewDialogProps> = ({
     <Dialog
       open={isOpen}
       stretch
+      initialFocus={'closeButton'}
       footer={
         <Bar
           startContent={
@@ -39,7 +40,7 @@ export const YamlViewDialog: FC<YamlViewDialogProps> = ({
           }
           design="Footer"
           endContent={
-            <Button design="Emphasized" onClick={() => setIsOpen(false)}>
+            <Button design="Emphasized" id={'closeButton'} onClick={() => setIsOpen(false)}>
               {t('common.close')}
             </Button>
           }

src/components/Yaml/YamlViewer.tsx

@@ -9,11 +9,16 @@ import { useTranslation } from 'react-i18next';
 import { useTheme } from '../../hooks/useTheme.ts';
 type YamlViewerProps = {
   yamlString: string;
+  yamlStringToCopy: string;
   filename: string;
   showOnlyImportantData?: boolean;
   setShowOnlyImportantData?: (showOnlyImportantData: boolean) => void;
 };
-const YamlViewer: FC<YamlViewerProps> = ({ yamlString, filename }) => {
+
+// Download button is hidden now due to stakeholder request
+const SHOW_DOWNLOAD_BUTTON = false;
+
+const YamlViewer: FC<YamlViewerProps> = ({ yamlString, filename, yamlStringToCopy }) => {
   const { t } = useTranslation();
   const { isDarkTheme } = useTheme();
   const { copyToClipboard } = useCopyToClipboard();
@@ -32,12 +37,14 @@ const YamlViewer: FC<YamlViewerProps> = ({ yamlString, filename }) => {
   return (
     <div className={styles.container}>
       <FlexBox className={styles.buttons} direction="Row" justifyContent="End" alignItems="Baseline" gap={16}>
-        <Button icon="copy" onClick={() => copyToClipboard(yamlString)}>
+        <Button icon="copy" onClick={() => copyToClipboard(yamlStringToCopy)}>
           {t('buttons.copy')}
         </Button>
-        <Button icon="download" onClick={downloadYaml}>
-          {t('buttons.download')}
-        </Button>
+        {SHOW_DOWNLOAD_BUTTON && (
+          <Button icon="download" onClick={downloadYaml}>
+            {t('buttons.download')}
+          </Button>
+        )}
       </FlexBox>
       <SyntaxHighlighter
         language="yaml"