Change global/local field to Cluster Operation Mode (#1000)

Change global/local field to Cluster Operation Mode, with three possible values: Active-Active, Active-Passive (formerly Global), and Local

Author: adhityamamallan

src/views/domain-page/config/domain-page-metadata-extended-table.config.ts

@@ -2,6 +2,7 @@ import { createElement } from 'react';
 
 import DomainPageMetadataClusters from '../domain-page-metadata-clusters/domain-page-metadata-clusters';
 import DomainPageMetadataDescription from '../domain-page-metadata-description/domain-page-metadata-description';
+import DomainPageMetadataMode from '../domain-page-metadata-mode/domain-page-metadata-mode';
 import { type MetadataItem } from '../domain-page-metadata-table/domain-page-metadata-table.types';
 import DomainPageMetadataViewJson from '../domain-page-metadata-view-json/domain-page-metadata-view-json';
 
@@ -40,13 +41,12 @@ const domainPageMetadataExtendedTableConfig = [
       createElement(DomainPageMetadataClusters, domainDescription),
   },
   {
-    key: 'globalOrLocal',
-    label: 'Global/Local',
-    description:
-      'Whether the domain is global (operates in multiple clusters) or not',
+    key: 'mode',
+    label: 'Mode',
+    description: 'Domain operation mode in multi-cluster setup',
     kind: 'simple',
     getValue: ({ domainDescription }) =>
-      domainDescription.isGlobalDomain ? 'Global' : 'Local',
+      createElement(DomainPageMetadataMode, domainDescription),
   },
   {
     key: 'failoverVersion',

src/views/domain-page/config/domain-page-metadata-table.config.ts

@@ -1,6 +1,7 @@
 import type { ListTableItem } from '@/components/list-table/list-table.types';
 
 import DomainPageMetadataClusters from '../domain-page-metadata-clusters/domain-page-metadata-clusters';
+import DomainPageMetadataMode from '../domain-page-metadata-mode/domain-page-metadata-mode';
 import { type DomainDescription } from '../domain-page.types';
 
 const domainPageMetadataTableConfig: Array<ListTableItem<DomainDescription>> = [
@@ -21,10 +22,9 @@ const domainPageMetadataTableConfig: Array<ListTableItem<DomainDescription>> = [
     renderValue: DomainPageMetadataClusters,
   },
   {
-    key: 'globalOrLocal',
-    label: 'Global/Local',
-    renderValue: (domainDescription: DomainDescription) =>
-      domainDescription.isGlobalDomain ? 'Global' : 'Local',
+    key: 'mode',
+    label: 'Mode',
+    renderValue: DomainPageMetadataMode,
   },
   {
     key: 'failoverVersion',

src/views/domain-page/domain-page-metadata-mode/__tests__/domain-page-metadata-mode.test.tsx

@@ -0,0 +1,38 @@
+import { render, screen } from '@/test-utils/rtl';
+
+import { mockActiveActiveDomain } from '@/views/shared/active-active/__fixtures__/active-active-domain';
+
+import {
+  mockDomainDescription,
+  mockDomainDescriptionSingleCluster,
+} from '../../__fixtures__/domain-description';
+import DomainPageMetadataMode from '../domain-page-metadata-mode';
+
+jest.mock('@/views/shared/active-active/helpers/is-active-active-domain');
+
+describe(DomainPageMetadataMode.name, () => {
+  it('renders Active-Active when domain is active-active', () => {
+    render(<DomainPageMetadataMode {...mockActiveActiveDomain} />);
+
+    expect(screen.getByText('Active-Active')).toBeInTheDocument();
+  });
+
+  it('renders Active-Passive when domain is global but not active-active', () => {
+    render(<DomainPageMetadataMode {...mockDomainDescription} />);
+
+    expect(screen.getByText('Active-Passive')).toBeInTheDocument();
+  });
+
+  it('renders Local when domain is not global', () => {
+    render(
+      <DomainPageMetadataMode
+        {...{
+          ...mockDomainDescriptionSingleCluster,
+          isGlobalDomain: false,
+        }}
+      />
+    );
+
+    expect(screen.getByText('Local')).toBeInTheDocument();
+  });
+});

src/views/domain-page/domain-page-metadata-mode/domain-page-metadata-mode.tsx

@@ -0,0 +1,17 @@
+import isActiveActiveDomain from '@/views/shared/active-active/helpers/is-active-active-domain';
+
+import { type DomainDescription } from '../domain-page.types';
+
+export default function DomainPageMetadataMode(
+  domainDescription: DomainDescription
+) {
+  if (isActiveActiveDomain(domainDescription)) {
+    return 'Active-Active';
+  }
+
+  if (domainDescription.isGlobalDomain) {
+    return 'Active-Passive';
+  }
+
+  return 'Local';
+}