diff --git a/frontend/public/components/machine-config-pool.tsx b/frontend/public/components/machine-config-pool.tsx index 1368f46b1c9..531910304ae 100644 --- a/frontend/public/components/machine-config-pool.tsx +++ b/frontend/public/components/machine-config-pool.tsx @@ -17,6 +17,7 @@ import { } from '../module/k8s'; import { DetailsPage, ListPage, Table, TableRow, TableData, RowFunction } from './factory'; import { + DetailsItem, Kebab, KebabAction, navFactory, @@ -93,6 +94,9 @@ const MachineConfigPoolCharacteristics: React.SFC + + {obj.spec?.paused ? 'True' : 'False'} + )} @@ -214,11 +218,12 @@ export const MachineConfigPoolDetailsPage: React.SFC = (props) => ( ); const tableColumnClasses = [ - classNames('col-lg-4', 'col-xs-6'), + classNames('col-lg-3', 'col-xs-6', 'col-sm-4'), classNames('col-lg-5', 'hidden-md', 'hidden-sm', 'hidden-xs'), - classNames('col-lg-1', 'col-sm-2', 'col-xs-3'), - classNames('col-lg-1', 'col-sm-2', 'hidden-xs'), - classNames('col-lg-1', 'col-sm-2', 'col-xs-3'), + classNames('col-lg-1', 'col-sm-2', 'col-xs-3', 'pf-u-w-10-on-lg'), + classNames('col-lg-1', 'col-sm-2', 'hidden-xs', 'pf-u-w-10-on-lg'), + classNames('col-lg-1', 'hidden-sm', 'hidden-xs', 'pf-u-w-10-on-lg'), + classNames('col-lg-1', 'col-sm-2', 'col-xs-3', 'pf-u-w-10-on-lg'), Kebab.columnClass, ]; @@ -245,13 +250,17 @@ const MachineConfigPoolTableHeader = () => { props: { className: tableColumnClasses[3] }, }, { - title: 'Degraded', + title: 'Paused', props: { className: tableColumnClasses[4] }, }, { - title: '', + title: 'Degraded', props: { className: tableColumnClasses[5] }, }, + { + title: '', + props: { className: tableColumnClasses[6] }, + }, ]; }; MachineConfigPoolTableHeader.displayName = 'MachineConfigPoolTableHeader'; @@ -288,10 +297,11 @@ const MachineConfigPoolTableRow: RowFunction = ({ {getConditionStatus(obj, MachineConfigPoolConditionType.Updating)} - + {obj.spec?.paused ? 'True' : 'False'} + {getConditionStatus(obj, MachineConfigPoolConditionType.Degraded)} - +