Add platform integration information to Review step (#2648)

Co-authored-by: Montse Ortega <ammont82@users.noreply.github.com>
openshift-assisted · Aug 7, 2024 · fb7ebd8 · fb7ebd8
1 parent f658d86
commit fb7ebd8
Show file tree

Hide file tree

Showing 3 changed files with 44 additions and 3 deletions.
diff --git a/libs/ui-lib/lib/ocm/components/clusterConfiguration/review/ReviewPlatformTable.tsx b/libs/ui-lib/lib/ocm/components/clusterConfiguration/review/ReviewPlatformTable.tsx
@@ -0,0 +1,36 @@
+import React from 'react';
+import { TableVariant } from '@patternfly/react-table';
+import { Table, TableBody } from '@patternfly/react-table/deprecated';
+import { genericTableRowKey } from '../../../../common';
+import { Cluster, PlatformType } from '@openshift-assisted/types/assisted-installer-service';
+import { ExternalPlatformLabels } from '../platformIntegration/constants';
+
+export const ReviewPlatformTable = ({ cluster }: { cluster: Cluster }) => {
+  const rows = React.useMemo(() => {
+    return [
+      {
+        rowId: 'platform',
+        cells: [
+          { title: 'Platform' },
+          {
+            title: ExternalPlatformLabels[cluster.platform?.type as PlatformType],
+            props: { 'data-testid': 'platform-type' },
+          },
+        ],
+      },
+    ];
+  }, [cluster.platform?.type]);
+
+  return (
+    <Table
+      rows={rows}
+      cells={['', '']}
+      variant={TableVariant.compact}
+      borders={false}
+      aria-label={'Platform'}
+      className="review-table"
+    >
+      <TableBody rowKey={genericTableRowKey} />
+    </Table>
+  );
+};
diff --git a/libs/ui-lib/lib/ocm/components/clusterConfiguration/review/ReviewSummary.tsx b/libs/ui-lib/lib/ocm/components/clusterConfiguration/review/ReviewSummary.tsx
@@ -17,6 +17,7 @@ import {
   ReviewClusterDetailTable,
   ReviewNetworkingTable,
   ReviewOperatorsTable,
+  ReviewPlatformTable,
   TableSummaryExpandable,
 } from '.';
 import { ReviewCustomManifestsTable } from './ReviewCustomManifestsTable';
@@ -51,9 +52,12 @@ export const ReviewSummaryContent = ({ cluster }: { cluster: Cluster }) => {
               <DetailItem
                 title={'Platform integration'}
                 value={
-                  <PlatformIntegrationNote
-                    platformType={cluster.platform?.type as SupportedPlatformType}
-                  />
+                  <>
+                    <ReviewPlatformTable cluster={cluster} />
+                    <PlatformIntegrationNote
+                      platformType={cluster.platform?.type as SupportedPlatformType}
+                    />
+                  </>
                 }
                 testId="platform-integration-note"
                 classNameValue={'pf-v5-u-mt-sm'}

diff --git a/libs/ui-lib/lib/ocm/components/clusterConfiguration/review/index.tsx b/libs/ui-lib/lib/ocm/components/clusterConfiguration/review/index.tsx
@@ -2,3 +2,4 @@ export * from './ReviewClusterDetailTable';
 export * from './ReviewOperatorsTable';
 export * from './ReviewNetworkingTable';
 export * from './TableSummaryExpandable';
+export * from './ReviewPlatformTable';