diff --git a/awx/ui/src/screens/InstanceGroup/ContainerGroupEdit/ContainerGroupEdit.js b/awx/ui/src/screens/InstanceGroup/ContainerGroupEdit/ContainerGroupEdit.js index cd90532187..beed121430 100644 --- a/awx/ui/src/screens/InstanceGroup/ContainerGroupEdit/ContainerGroupEdit.js +++ b/awx/ui/src/screens/InstanceGroup/ContainerGroupEdit/ContainerGroupEdit.js @@ -68,13 +68,9 @@ function ContainerGroupEdit({ if (isLoading) { return ( - - - - - - - + + + ); } diff --git a/awx/ui/src/screens/InstanceGroup/InstanceGroups.js b/awx/ui/src/screens/InstanceGroup/InstanceGroups.js index e032378136..a4c76e9c82 100644 --- a/awx/ui/src/screens/InstanceGroup/InstanceGroups.js +++ b/awx/ui/src/screens/InstanceGroup/InstanceGroups.js @@ -2,11 +2,12 @@ import React, { useCallback, useEffect, useState } from 'react'; import { t } from '@lingui/macro'; import { Route, Switch, useLocation } from 'react-router-dom'; +import { Card, PageSection } from '@patternfly/react-core'; import useRequest from 'hooks/useRequest'; import { SettingsAPI } from 'api'; - import ScreenHeader from 'components/ScreenHeader'; +import ContentLoading from 'components/ContentLoading'; import InstanceGroupAdd from './InstanceGroupAdd'; import InstanceGroupList from './InstanceGroupList'; import InstanceGroup from './InstanceGroup'; @@ -81,35 +82,43 @@ function InstanceGroups() { streamType={streamType} breadcrumbConfig={breadcrumbConfig} /> - - - - - - - - {!isSettingsRequestLoading && !isKubernetes && ( - - + + + + + ) : ( + + + - )} - - - - - - - + + + + {!isKubernetes && ( + + + + )} + + + + + + + + )} ); } diff --git a/awx/ui/src/screens/InstanceGroup/shared/InstanceGroupForm.js b/awx/ui/src/screens/InstanceGroup/shared/InstanceGroupForm.js index a742001dca..c37937db9e 100644 --- a/awx/ui/src/screens/InstanceGroup/shared/InstanceGroupForm.js +++ b/awx/ui/src/screens/InstanceGroup/shared/InstanceGroupForm.js @@ -24,8 +24,8 @@ function InstanceGroupFormFields({ defaultControlPlane, defaultExecution }) { const validators = combine([ required(null), protectedResourceName( - [defaultControlPlane, defaultExecution], - t`This is a protected name for Instance Groups. Please use a different name.` + t`This is a protected name for Instance Groups. Please use a different name.`, + [defaultControlPlane, defaultExecution] ), ]);