Update ManagedResources.tsx

Author: lucasgoral

src/components/ControlPlane/ManagedResources.tsx

@@ -13,6 +13,7 @@ import '@ui5/webcomponents-icons/dist/sys-enter-2';
 import '@ui5/webcomponents-icons/dist/sys-cancel-2';
 import { resourcesInterval } from '../../lib/shared/constants';
 import { ResourceStatusCell } from '../Shared/ResourceStatusCell';
+import { YamlViewButton } from '../Yaml/YamlViewButton.tsx';
 
 interface CellData<T> {
   cell: {
@@ -31,6 +32,7 @@ type ResourceRow = {
   syncedTransitionTime: string;
   ready: boolean;
   readyTransitionTime: string;
+  item: unknown;
 };
 
 export function ManagedResources() {
@@ -60,6 +62,8 @@ export function ManagedResources() {
     {
       Header: t('ManagedResources.tableHeaderSynced'),
       accessor: 'synced',
+      hAlign: 'Center',
+      width: 85,
       Cell: (cellData: CellData<ResourceRow['synced']>) =>
         cellData.cell.row.original?.synced != null ? (
           <ResourceStatusCell
@@ -71,6 +75,8 @@ export function ManagedResources() {
     {
       Header: t('ManagedResources.tableHeaderReady'),
       accessor: 'ready',
+      hAlign: 'Center',
+      width: 85,
       Cell: (cellData: CellData<ResourceRow['ready']>) =>
         cellData.cell.row.original?.ready != null ? (
           <ResourceStatusCell
@@ -79,6 +85,16 @@ export function ManagedResources() {
           />
         ) : null,
     },
+    {
+      Header: t('yaml.YAML'),
+      hAlign: 'Center',
+      width: 85,
+      accessor: 'yaml',
+      Cell: (cellData: CellData<ResourceRow>) =>
+        !!cellData.cell.row.original?.item ? (
+          <YamlViewButton resourceObject={cellData.cell.row.original?.item} />
+        ) : undefined,
+    },
   ];
 
   const rows: ResourceRow[] =
@@ -101,6 +117,7 @@ export function ManagedResources() {
             syncedTransitionTime: conditionSynced?.lastTransitionTime ?? '',
             ready: conditionReady?.status === 'True',
             readyTransitionTime: conditionReady?.lastTransitionTime ?? '',
+            item: item,
           };
         }),
       ) ?? [];