diff --git a/cypress/e2e/cloud/operator.test.ts b/cypress/e2e/cloud/operator.test.ts index 16e1f2d8eb..0bc21050c5 100644 --- a/cypress/e2e/cloud/operator.test.ts +++ b/cypress/e2e/cloud/operator.test.ts @@ -175,7 +175,7 @@ describe('Operator Page', () => { }) cy.getByTestID('overlay--container').should('be.visible') - cy.getByTestID('overlay--header').contains('678') + cy.getByTestID('org-overlay-orgID').contains('678') cy.getByTestID('limits-rate.readKBs--input').clear().type('666') @@ -223,7 +223,7 @@ describe('Operator Page', () => { }) cy.getByTestID('overlay--container').should('be.visible') - cy.getByTestID('overlay--header').contains('678') + cy.getByTestID('org-overlay-orgID').contains('678') cy.getByTestID('limits-rate.readKBs--input') .invoke('attr', 'value') diff --git a/src/operator/LimitsField.tsx b/src/operator/LimitsField.tsx index 7d4f91ac03..763808f0c2 100644 --- a/src/operator/LimitsField.tsx +++ b/src/operator/LimitsField.tsx @@ -20,7 +20,9 @@ interface Props { const LimitsField: FC = ({type, name, limits, onChangeLimits}) => { const [hasFocus, setHasFocus] = useState(false) const {hasWritePermissions} = useContext(OperatorContext) + const value = get(limits, name, '') + const formatted_value = type === InputType.Number ? Intl.NumberFormat(navigator.language).format(value) diff --git a/src/operator/OrgOverlay.scss b/src/operator/OrgOverlay.scss index 7a4e7f612f..f2b59fe278 100644 --- a/src/operator/OrgOverlay.scss +++ b/src/operator/OrgOverlay.scss @@ -13,3 +13,8 @@ padding: $cf-space-2xs $cf-space-s; } } + +.org-overlay-detail--text { + font-weight: 700; + font-size: 16px; +} diff --git a/src/operator/OrgOverlay.tsx b/src/operator/OrgOverlay.tsx index b12f4839cf..b4e3e822e3 100644 --- a/src/operator/OrgOverlay.tsx +++ b/src/operator/OrgOverlay.tsx @@ -57,6 +57,7 @@ const OrgOverlay: FC = () => { const history = useHistory() const canReactivateOrg = hasWritePermissions && organization?.state === 'suspended' + const isIOx = organization?.storageType && organization.storageType.toLowerCase() === 'iox' @@ -98,8 +99,8 @@ const OrgOverlay: FC = () => { > history.goBack()} /> { - - -

{organization?.name ?? ''}

+ + +

{orgID}

- -

{organization?.account?.type ?? ''}

+ +

{organization?.name ?? ''}

{
- +

{organization?.state ?? ''}

+ + +

{organization?.account?.type ?? ''}

+