fix

Author: lucasgoral

src/components/Graphs/Graph.tsx

@@ -8,7 +8,7 @@ import { NodeData, ColorBy } from './types';
 import CustomNode from './CustomNode';
 import { Legend, LegendItem } from './Legend';
 import { YamlViewDialog } from '../Yaml/YamlViewDialog';
-import YamlViewer from '../Yaml/YamlViewer';
+import { YamlViewer } from '../Yaml/YamlViewer';
 import { stringify } from 'yaml';
 import { removeManagedFieldsAndFilterData, Resource } from '../../utils/removeManagedFieldsAndFilterData.ts';
 import { useTranslation } from 'react-i18next';

src/components/Wizards/CreateManagedControlPlane/SummarizeStep.tsx

@@ -6,7 +6,7 @@ import {
   ComponentsListItem,
   CreateManagedControlPlane,
 } from '../../../lib/api/types/crate/createManagedControlPlane.ts';
-import YamlViewer from '../../Yaml/YamlViewer.tsx';
+import { YamlViewer } from '../../Yaml/YamlViewer.tsx';
 import { idpPrefix } from '../../../utils/idpPrefix.ts';
 import { UseFormWatch } from 'react-hook-form';
 import { CreateDialogProps } from '../../Dialogs/CreateWorkspaceDialogContainer.tsx';
@@ -30,7 +30,20 @@ export const SummarizeStep: React.FC<SummarizeStepProps> = ({
   isEditMode = false,
 }) => {
   const { t } = useTranslation();
-
+  const yamlString = stringify(
+    CreateManagedControlPlane(
+      watch('name'),
+      `${projectName}--ws-${workspaceName}`,
+      {
+        displayName: watch('displayName'),
+        chargingTarget: watch('chargingTarget'),
+        members: watch('members'),
+        componentsList: componentsList ?? [],
+        chargingTargetType: watch('chargingTargetType'),
+      },
+      idpPrefix,
+    ),
+  );
   return (
     <>
       <Title>{t('common.summarize')}</Title>
@@ -78,23 +91,7 @@ export const SummarizeStep: React.FC<SummarizeStepProps> = ({
               )}
             />
           ) : (
-            <YamlViewer
-              yamlString={stringify(
-                CreateManagedControlPlane(
-                  watch('name'),
-                  `${projectName}--ws-${workspaceName}`,
-                  {
-                    displayName: watch('displayName'),
-                    chargingTarget: watch('chargingTarget'),
-                    members: watch('members'),
-                    componentsList: componentsList ?? [],
-                    chargingTargetType: watch('chargingTargetType'),
-                  },
-                  idpPrefix,
-                ),
-              )}
-              filename={`mcp_${projectName}--ws-${workspaceName}`}
-            />
+            <YamlViewer yamlString={yamlString} filename={`mcp_${projectName}--ws-${workspaceName}`} />
           )}
         </div>
       </Grid>

src/components/Yaml/YamlViewButton.tsx

@@ -2,7 +2,7 @@ import { Button } from '@ui5/webcomponents-react';
 import { FC, useMemo, useState } from 'react';
 import styles from './YamlViewer.module.css';
 import { useTranslation } from 'react-i18next';
-import YamlViewer from './YamlViewer.tsx';
+import { YamlViewer } from './YamlViewer.tsx';
 import { stringify } from 'yaml';
 import { removeManagedFieldsAndFilterData, Resource } from '../../utils/removeManagedFieldsAndFilterData.ts';
 import { YamlIcon } from './YamlIcon.tsx';

src/components/Yaml/YamlViewer.tsx

@@ -8,7 +8,7 @@ import styles from './YamlViewer.module.css';
 
 type YamlViewerProps = {
   yamlString: string;
-  yamlStringToCopy: string;
+  yamlStringToCopy?: string;
   filename: string;
   showOnlyImportantData?: boolean;
   setShowOnlyImportantData?: (showOnlyImportantData: boolean) => void;
@@ -32,11 +32,11 @@ export const YamlViewer: FC<YamlViewerProps> = ({ yamlString, filename, yamlStri
     document.body.removeChild(link);
     window.URL.revokeObjectURL(url);
   };
-
+  console.log(yamlString);
   return (
     <div className={styles.container}>
       <FlexBox className={styles.buttons} direction="Row" justifyContent="End" alignItems="Baseline" gap={16}>
-        <Button icon="copy" onClick={() => copyToClipboard(yamlStringToCopy)}>
+        <Button icon="copy" onClick={() => copyToClipboard(yamlStringToCopy ?? yamlString)}>
           {t('buttons.copy')}
         </Button>
         {SHOW_DOWNLOAD_BUTTON && (
@@ -45,7 +45,8 @@ export const YamlViewer: FC<YamlViewerProps> = ({ yamlString, filename, yamlStri
           </Button>
         )}
       </FlexBox>
-      <YamlEditor height="90vh" defaultValue={yamlString} />
+
+      <YamlEditor key={yamlString} height="90vh" defaultValue={yamlString} />
     </div>
   );
 };