From 4df987a613c3ce905fc4aa1302df4131029e8e17 Mon Sep 17 00:00:00 2001
From: taggon <gonom9@gmail.com>
Date: Thu, 9 Jun 2022 15:31:40 +0900
Subject: [PATCH] Plans: show notice for sites on unsupported plans

---
 client/my-sites/plans-features-main/index.jsx | 18 +++++++++++++++++-
 1 file changed, 17 insertions(+), 1 deletion(-)

diff --git a/client/my-sites/plans-features-main/index.jsx b/client/my-sites/plans-features-main/index.jsx
index 7c8bfc3831748..bb24d3c439195 100644
--- a/client/my-sites/plans-features-main/index.jsx
+++ b/client/my-sites/plans-features-main/index.jsx
@@ -10,6 +10,8 @@ import {
 	isPremiumPlan,
 	isBusinessPlan,
 	isEcommercePlan,
+	isProPlan,
+	isStarterPlan,
 	planMatches,
 	TYPE_FREE,
 	TYPE_BLOGGER,
@@ -163,6 +165,7 @@ export class PlansFeaturesMain extends Component {
 			isJetpack,
 			isLandingPage,
 			isLaunchPage,
+			isCurrentPlanRetired,
 			onUpgradeClick,
 			selectedFeature,
 			selectedPlan,
@@ -191,7 +194,19 @@ export class PlansFeaturesMain extends Component {
 				) }
 				data-e2e-plans="wpcom"
 			>
-				{ currentPurchaseIsInAppPurchase && (
+				{ isCurrentPlanRetired && (
+					<Notice
+						showDismiss={ false }
+						status="is-info"
+						text={ translate(
+							'Your current plan is no longer available for new subscriptions. ' +
+								'You’re all set to continue with the plan for as long as you like. ' +
+								'Alternatively, you can switch to any of our current plans by selecting it below. ' +
+								'Please keep in mind that switching plans will be irreversible.'
+						) }
+					/>
+				) }
+				{ ! isCurrentPlanRetired && currentPurchaseIsInAppPurchase && (
 					<Notice
 						showDismiss={ false }
 						status="is-info"
@@ -531,6 +546,7 @@ export default connect(
 		}
 
 		return {
+			isCurrentPlanRetired: isProPlan( sitePlanSlug ) || isStarterPlan( sitePlanSlug ),
 			currentPurchaseIsInAppPurchase: currentPurchase?.isInAppPurchase,
 			customerType,
 			domains: getDomainsBySiteId( state, siteId ),