add translations for advanced tools

client/sites/tools/controller.tsx

@@ -52,7 +52,7 @@ export function ToolsSidebar() {
 }
 
 export function advancedTools( context: PageJSContext, next: () => void ) {
-	context.primary = <HostingFeatures />;
+	context.primary = <HostingFeatures showAsTools />;
 	next();
 }
 

client/sites/tools/hosting-features/components/hosting-features.tsx

@@ -37,7 +37,11 @@ const PromoCard = ( { title, text, supportContext }: PromoCardProps ) => (
 	</HostingCard>
 );
 
-const HostingFeatures = () => {
+type HostingFeaturesProps = {
+	showAsTools?: boolean;
+};
+
+const HostingFeatures = ( { showAsTools }: HostingFeaturesProps ) => {
 	const dispatch = useDispatch();
 	const { searchParams } = new URL( document.location.toString() );
 	const showActivationModal = searchParams.get( 'activate' ) !== null;
@@ -133,10 +137,30 @@ const HostingFeatures = () => {
 		? translate( 'Activate all hosting features' )
 		: translate( 'Activate all developer tools' );
 
+	const activateTitleAsTools = hasEnTranslation( 'Activate all advanced tools' );
+
+	const activationStatusTitle = translate( 'Activating hosting features' );
+	const activationStatusTitleAsTools = translate( 'Activating advanced tools' );
+
+	const activationStatusDescription = translate(
+		"The hosting features will appear here automatically when they're ready!",
+		{
+			comment: 'Description of the hosting features page when the features are being activated.',
+		}
+	);
+	const activationStatusDescriptionAsTools = translate(
+		"The advanced tools will appear here automatically when they're ready!",
+		{
+			comment: 'Description of the advanced tools page when the features are being activated.',
+		}
+	);
+
 	const unlockTitle = hasEnTranslation( 'Unlock all hosting features' )
 		? translate( 'Unlock all hosting features' )
 		: translate( 'Unlock all developer tools' );
 
+	const unlockTitleAsTools = translate( 'Unlock all advanced tools' );
+
 	const activateDescription = hasEnTranslation(
 		'Your plan includes all the hosting features listed below. Click "Activate now" to begin.'
 	)
@@ -147,6 +171,10 @@ const HostingFeatures = () => {
 				'Your plan includes all the developer tools listed below. Click "Activate now" to begin.'
 		  );
 
+	const activateDescriptionAsTools = translate(
+		'Your plan includes all the advanced tools listed below. Click "Activate now" to begin.'
+	);
+
 	const unlockDescription = hasEnTranslation(
 		'Upgrade to the %(planName)s plan or higher to get access to all hosting features'
 	)
@@ -169,20 +197,24 @@ const HostingFeatures = () => {
 				}
 		  );
 
+	const unlockDescriptionAsTools = translate(
+		'Upgrade to the %(planName)s plan or higher to get access to all advanced tools',
+		{
+			args: {
+				planName: getPlan( PLAN_BUSINESS )?.getTitle() ?? '',
+			},
+		}
+	);
+
 	let title;
 	let description;
 	let buttons;
 	if ( shouldRenderActivatingCopy ) {
-		title = translate( 'Activating hosting features' );
-		description = translate(
-			"The hosting features will appear here automatically when they're ready!",
-			{
-				comment: 'Description of the hosting features page when the features are being activated.',
-			}
-		);
+		title = showAsTools ? activationStatusTitleAsTools : activationStatusTitle;
+		description = showAsTools ? activationStatusDescriptionAsTools : activationStatusDescription;
 	} else if ( showActivationButton ) {
-		title = activateTitle;
-		description = activateDescription;
+		title = showAsTools ? activateTitleAsTools : activateTitle;
+		description = showAsTools ? activateDescriptionAsTools : activateDescription;
 		buttons = (
 			<>
 				<HostingHeroButton
@@ -215,8 +247,8 @@ const HostingFeatures = () => {
 			</>
 		);
 	} else {
-		title = unlockTitle;
-		description = unlockDescription;
+		title = showAsTools ? unlockTitleAsTools : unlockTitle;
+		description = showAsTools ? unlockDescriptionAsTools : unlockDescription;
 		buttons = (
 			<HostingHeroButton
 				href={ upgradeLink }