diff --git a/src/components/shared/Entity/DataPlaneIcon.tsx b/src/components/shared/Entity/DataPlaneIcon.tsx index 7d91ef043..fd991aa2f 100644 --- a/src/components/shared/Entity/DataPlaneIcon.tsx +++ b/src/components/shared/Entity/DataPlaneIcon.tsx @@ -2,6 +2,7 @@ import { Avatar, Box, PaletteMode, useTheme } from '@mui/material'; import { DataPlaneIconProps } from 'components/shared/Entity/types'; import { semiTransparentBackground_oneLayerElevated } from 'context/Theme'; import { Lock, QuestionMark } from 'iconoir-react'; +import azureLogo from 'images/data-plane-providers/10018-icon-service-Azure-A.svg'; import awsLogo from 'images/data-plane-providers/aws.png'; import awsLogoWhite from 'images/data-plane-providers/aws_logo-white.png'; import gcpLogo from 'images/data-plane-providers/google_cloud.png'; @@ -16,6 +17,10 @@ const getProviderIconPath = ( return colorMode === 'light' ? awsLogo : awsLogoWhite; } + if (provider === 'az') { + return azureLogo; + } + if (provider === 'gcp') { return gcpLogo; } diff --git a/src/images/data-plane-providers/10018-icon-service-Azure-A.svg b/src/images/data-plane-providers/10018-icon-service-Azure-A.svg new file mode 100644 index 000000000..49ebfea9f --- /dev/null +++ b/src/images/data-plane-providers/10018-icon-service-Azure-A.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/utils/__tests__/dataPlane-utils.test.ts b/src/utils/__tests__/dataPlane-utils.test.ts index c533eea07..4fdbb7117 100644 --- a/src/utils/__tests__/dataPlane-utils.test.ts +++ b/src/utils/__tests__/dataPlane-utils.test.ts @@ -37,6 +37,16 @@ describe('formatDataPlaneName', () => { whole: 'ops/dp/private/melk/aws-eu-west-1-c2', }) ).toBe('aws: eu-west-1 c2'); + + expect( + formatDataPlaneName({ + cluster: 'c1', + prefix: '', + provider: 'az', + region: 'westus', + whole: 'ops/dp/public/az-westus-c1', + }) + ).toBe('az: westus c1'); }); test('returns unformatted name when data plane name does not include a provider', () => { @@ -157,6 +167,16 @@ describe('parseDataPlaneName', () => { region: 'cluster', whole: 'ops/dp/private/melk/local-cluster', }); + + expect( + parseDataPlaneName('ops/dp/private/melk/az-eastus-c8', 'private') + ).toStrictEqual({ + cluster: 'c8', + prefix: 'melk/', + provider: 'az', + region: 'eastus', + whole: 'ops/dp/private/melk/az-eastus-c8', + }); }); test('returns a cluster when the truncated data plane name suffix contains at least two hyphens', () => {