Plan naming: Fix theme tiers badge (#85508)

Automattic · Feb 14, 2024 · 4261519 · 4261519
1 parent 70aec95
commit 4261519
Show file tree

Hide file tree

Showing 4 changed files with 9 additions and 35 deletions.
diff --git a/client/components/theme-tier/theme-tier-badge/theme-tier-bundled-badge.js b/client/components/theme-tier/theme-tier-badge/theme-tier-bundled-badge.js
@@ -33,28 +33,20 @@ export default function ThemeTierBundledBadge() {
 	const tooltipContent = (
 		<>
 			<ThemeTierTooltipTracker />
-			<div data-testid="upsell-header" className="theme-tier-badge-tooltip__header">
-				{
-					// Translators: %(bundleName)s is the name of the bundle, sometimes represented as a product name. Examples: "WooCommerce" or "Special".
-					translate( '%(bundleName)s theme', { textOnly: true, args: { bundleName } } )
-				}
-			</div>
 			<div data-testid="upsell-message">
 				{ createInterpolateElement(
 					isEnglishLocale ||
 						i18n.hasTranslation(
-							'This %(bundleName)s theme is included in the <Link>%(businessPlanName)s plan</Link>.'
+							'This theme is included in the <Link>%(businessPlanName)s plan</Link>.'
 						)
-						? // Translators: %(bundleName)s is the name of the bundle, sometimes represented as a product name. Examples: "WooCommerce" or "Special".
-						  translate(
-								'This %(bundleName)s theme is included in the <Link>%(businessPlanName)s plan</Link>.',
-								{
-									args: { bundleName },
-									textOnly: true,
+						? translate( 'This theme is included in the <Link>%(businessPlanName)s plan</Link>.', {
+								args: {
 									businessPlanName: getPlan( PLAN_BUSINESS )?.getTitle() ?? '',
-								}
-						  )
-						: translate(
+								},
+								textOnly: true,
+						  } )
+						: // Translators: %(bundleName)s is the name of the bundle, sometimes represented as a product name. Examples: "WooCommerce" or "Special".
+						  translate(
 								'This %(bundleName)s theme is included in the <Link>Business plan</Link>.',
 								{
 									args: { bundleName },

diff --git a/client/components/theme-tier/theme-tier-badge/theme-tier-community-badge.js b/client/components/theme-tier/theme-tier-badge/theme-tier-community-badge.js
@@ -23,12 +23,6 @@ export default function ThemeTierCommunityBadge() {
 	const tooltipContent = (
 		<>
 			<ThemeTierTooltipTracker />
-			<div data-testid="upsell-header" className="theme-tier-badge-tooltip__header">
-				{ translate( 'Community theme', {
-					context: 'This theme is developed and supported by a community',
-					textOnly: true,
-				} ) }
-			</div>
 			<div data-testid="upsell-message">
 				{ createInterpolateElement(
 					isEnglishLocale ||

diff --git a/client/components/theme-tier/theme-tier-badge/theme-tier-partner-badge.js b/client/components/theme-tier/theme-tier-badge/theme-tier-partner-badge.js
@@ -99,12 +99,6 @@ export default function ThemeTierPartnerBadge() {
 	const tooltipContent = (
 		<>
 			<ThemeTierTooltipTracker />
-			<div data-testid="upsell-header" className="theme-tier-badge-tooltip__header">
-				{ translate( 'Partner theme', {
-					context: 'This theme is developed and supported by a theme partner',
-					textOnly: true,
-				} ) }
-			</div>
 			<div data-testid="upsell-message">{ getTooltipMessage() }</div>
 		</>
 	);

diff --git a/client/components/theme-tier/theme-tier-badge/theme-tier-upgrade-badge.js b/client/components/theme-tier/theme-tier-badge/theme-tier-upgrade-badge.js
@@ -29,16 +29,10 @@ export default function ThemeTierUpgradeBadge() {
 	const tooltipContent = (
 		<>
 			<ThemeTierTooltipTracker />
-			<div data-testid="upsell-header" className="theme-tier-badge-tooltip__header">
-				{
-					// Translators: %(planName)s is the name of the plan that includes this theme. Examples: "Personal" or "Premium".
-					translate( '%(planName)s theme', { textOnly: true, args: { planName } } )
-				}
-			</div>
 			<div data-testid="upsell-message">
 				{ createInterpolateElement(
 					// Translators: %(planName)s is the name of the plan that includes this theme. Examples: "Personal" or "Premium".
-					translate( 'This %(planName)s theme is included in the <Link>%(planName)s plan</Link>.', {
+					translate( 'This theme is included in the <Link>%(planName)s plan</Link>.', {
 						args: { planName },
 						textOnly: true,
 					} ),