diff --git a/frontend/packages/operator-lifecycle-manager/src/components/install-plan.tsx b/frontend/packages/operator-lifecycle-manager/src/components/install-plan.tsx index 04eb8d5faca..8bfb77abd49 100644 --- a/frontend/packages/operator-lifecycle-manager/src/components/install-plan.tsx +++ b/frontend/packages/operator-lifecycle-manager/src/components/install-plan.tsx @@ -14,7 +14,7 @@ import { GridItem, } from '@patternfly/react-core'; import { css } from '@patternfly/react-styles'; -import { sortable } from '@patternfly/react-table'; +import { sortable, Table as PFTable, Thead, Tr, Th, Tbody, Td } from '@patternfly/react-table'; import { Map as ImmutableMap, Set as ImmutableSet, fromJS } from 'immutable'; import * as _ from 'lodash'; import { useTranslation } from 'react-i18next'; @@ -485,56 +485,51 @@ export const InstallPlanPreview: React.FC = ({ )} {stepsByCSV.map((steps) => ( -
+ -
- - - - - - - - - - - {steps.map((step) => ( - - - - - - - ))} - -
{t('olm~Name')}{t('olm~Kind')}{t('olm~Status')}{t('olm~API version')}
- {['Present', 'Created'].includes(step.status) ? ( - - ) : ( - <> - - - - )} - {step.resource.kind}{stepStatus(step.status)} - {apiVersionForReference(referenceForStepResource(step.resource))} -
-
-
+ + + + {t('olm~Name')} + {t('olm~Kind')} + {t('olm~Status')} + {t('olm~API version')} + + + + {steps.map((step) => ( + + + {['Present', 'Created'].includes(step.status) ? ( + + ) : ( + <> + + + + )} + + {step.resource.kind} + {stepStatus(step.status)} + + {apiVersionForReference(referenceForStepResource(step.resource))} + + + ))} + + + ))} ) : (