Print service name based on the instance type

bogiii · bogiii · commit dbf79b4f835a · 2025-08-07T11:56:44.000+02:00
diff --git a/client/dashboard/app-a4a/index.tsx b/client/dashboard/app-a4a/index.tsx
@@ -3,6 +3,7 @@ import { Logo, LoadingLogo } from './logo';
 import './style.scss';
 
 boot( {
+	instanceType: 'a4a',
 	basePath: '/v2-a4a',
 	mainRoute: '/overview',
 	LoadingLogo,
diff --git a/client/dashboard/app-dotcom/index.tsx b/client/dashboard/app-dotcom/index.tsx
@@ -3,6 +3,7 @@ import Logo from './logo';
 import './style.scss';
 
 boot( {
+	instanceType: 'dotcom',
 	basePath: '/v2',
 	mainRoute: '/sites',
 	Logo,
diff --git a/client/dashboard/app/context.tsx b/client/dashboard/app/context.tsx
@@ -1,5 +1,6 @@
 import { createContext, useContext } from 'react';
 
+export type InstanceType = 'dotcom' | 'a4a';
 export type SiteFeatureSupports = {
 	deployments: boolean;
 	performance: boolean;
@@ -11,6 +12,7 @@ export type SiteFeatureSupports = {
 };
 
 export type AppConfig = {
+	instanceType: InstanceType;
 	basePath: string;
 	mainRoute: string;
 	Logo: React.FC | null;
@@ -28,6 +30,7 @@ export type AppConfig = {
 };
 
 const AppContext = createContext< AppConfig >( {
+	instanceType: 'dotcom',
 	basePath: '',
 	mainRoute: '',
 	Logo: null,
diff --git a/client/dashboard/domains/name-servers/form.tsx b/client/dashboard/domains/name-servers/form.tsx
@@ -11,20 +11,21 @@ import { createInterpolateElement } from '@wordpress/element';
 import { __, sprintf } from '@wordpress/i18n';
 import { useCallback, useMemo, useState } from 'react';
 import Notice from '../../components/notice';
+import { getServiceName } from '../../utils/service-name';
 import { NameServerInput, validateField } from './form-input';
 import {
 	NameServerField,
 	MIN_NAMESERVER_LENGTH,
 	MAX_NAMESERVER_LENGTH,
 	WPCOM_DEFAULT_NAMESERVERS,
-	ServiceName,
 } from './types';
 import UpsellNudge from './upsell-nudge';
 import { areAllWpcomNameServers } from './utils';
+import type { InstanceType } from '../../app/context';
 
 interface Props {
 	domainName: string;
-	serviceName: ServiceName;
+	instanceType: InstanceType;
 	showUpsellNudge?: boolean;
 	nameservers?: string[];
 	isBusy?: boolean;
@@ -34,7 +35,7 @@ interface Props {
 
 export default function NameServersForm( {
 	domainName,
-	serviceName,
+	instanceType,
 	showUpsellNudge,
 	nameservers = [],
 	isBusy,
@@ -136,9 +137,9 @@ export default function NameServersForm( {
 		<VStack spacing={ 4 }>
 			<ToggleControl
 				label={ sprintf(
-					/* translators: %s is the name of the service */
+					/* translators: %s is the name of the service like: WordPress.com */
 					__( 'Use %s name servers' ),
-					serviceName
+					getServiceName( instanceType )
 				) }
 				checked={ useWpcomNameservers }
 				disabled={ isBusy }
@@ -190,7 +191,7 @@ export default function NameServersForm( {
 									key={ index }
 									index={ index }
 									field={ nameServerFields[ index ] }
-									disabled={ useWpcomNameservers || isBusy }
+									disabled={ useWpcomNameservers || !! isBusy }
 									onChange={ handleNameServerChange }
 									onBlur={ handleNameServerBlur }
 								/>
diff --git a/client/dashboard/domains/name-servers/index.tsx b/client/dashboard/domains/name-servers/index.tsx
@@ -2,6 +2,7 @@ import { Card, CardBody } from '@wordpress/components';
 import { useDispatch } from '@wordpress/data';
 import { __ } from '@wordpress/i18n';
 import { store as noticesStore } from '@wordpress/notices';
+import { useAppContext } from '../../app/context';
 import {
 	useDomainNameserversQuery,
 	useUpdateNameserversMutation,
@@ -13,6 +14,7 @@ import NameServersForm from './form';
 import './styles.scss';
 
 export default function NameServers() {
+	const { instanceType } = useAppContext();
 	const { domainName } = domainRoute.useParams();
 	const { createSuccessNotice, createErrorNotice } = useDispatch( noticesStore );
 	const { data: nameservers, error: queryError } = useDomainNameserversQuery( domainName );
@@ -31,7 +33,7 @@ export default function NameServers() {
 				<CardBody className="domains-management__name-servers">
 					<NameServersForm
 						domainName={ domainName }
-						serviceName="WordPress.com"
+						instanceType={ instanceType }
 						queryError={ queryError?.message }
 						isBusy={ isUpdatingNameservers }
 						nameservers={ nameservers }
diff --git a/client/dashboard/domains/name-servers/types.ts b/client/dashboard/domains/name-servers/types.ts
@@ -12,5 +12,3 @@ export interface NameServerField {
 	error: string;
 	touched: boolean;
 }
-
-export type ServiceName = 'WordPress.com' | string;
diff --git a/client/dashboard/utils/service-name.ts b/client/dashboard/utils/service-name.ts
@@ -0,0 +1,10 @@
+import type { InstanceType } from '../app/context';
+
+export function getServiceName( type: InstanceType ) {
+	switch ( type ) {
+		case 'dotcom':
+			return 'WordPress.com';
+		case 'a4a':
+			return 'A4A';
+	}
+}

Original file line number	Diff line number	Diff line change
`@@ -12,5 +12,3 @@ export interface NameServerField {`
`12`	`12`	`error: string;`
`13`	`13`	`touched: boolean;`
`14`	`14`	`}`
`15`		`-`
`16`		`-export type ServiceName = 'WordPress.com' \| string;`