From 8a50846c9d98d4dfb19f2bb94df4732f5416e43a Mon Sep 17 00:00:00 2001
From: Yashwin Poojary <yashwinpoojary@gmail.com>
Date: Thu, 12 Sep 2024 08:41:43 +0530
Subject: [PATCH] A4A> Referrals: Fix the WPCOM hosting when the refer mode is
 on (#94402)

---
 .../wpcom-plan-selector/index.tsx                 | 15 +++++++++------
 1 file changed, 9 insertions(+), 6 deletions(-)

diff --git a/client/a8c-for-agencies/sections/marketplace/hosting-overview/hosting-v2/standard-agency-hosting/wpcom-plan-selector/index.tsx b/client/a8c-for-agencies/sections/marketplace/hosting-overview/hosting-v2/standard-agency-hosting/wpcom-plan-selector/index.tsx
index 73ea614937466..376788f5aafb5 100644
--- a/client/a8c-for-agencies/sections/marketplace/hosting-overview/hosting-v2/standard-agency-hosting/wpcom-plan-selector/index.tsx
+++ b/client/a8c-for-agencies/sections/marketplace/hosting-overview/hosting-v2/standard-agency-hosting/wpcom-plan-selector/index.tsx
@@ -111,10 +111,11 @@ function PlanDetails( {
 			</div>
 
 			<div className="wpcom-plan-selector__cta">
-				<div className="wpcom-plan-selector__cta-label">
-					{ translate( 'How many sites would you like to buy?' ) }
-				</div>
-
+				{ ! referralMode && (
+					<div className="wpcom-plan-selector__cta-label">
+						{ translate( 'How many sites would you like to buy?' ) }
+					</div>
+				) }
 				<div className="wpcom-plan-selector__cta-component">
 					<Button
 						className="wpcom-plan-selector__cta-button"
@@ -179,6 +180,8 @@ export default function WPCOMPlanSelector( { onSelect }: WPCOMPlanSelectorProps
 	// Show the WPCOM slider if the user has less than 10 plans and is not in referral mode.
 	const showWPCOMSlider = ! referralMode && ownedPlans < MAX_PLANS_FOR_SLIDER;
 
+	const displayQuantity = referralMode ? 1 : quantity;
+
 	return (
 		<div
 			className={ clsx( 'wpcom-plan-selector', {
@@ -188,7 +191,7 @@ export default function WPCOMPlanSelector( { onSelect }: WPCOMPlanSelectorProps
 			<div className="wpcom-plan-selector__slider-container">
 				{ showWPCOMSlider && (
 					<WPCOMPlanSlider
-						quantity={ quantity }
+						quantity={ displayQuantity }
 						onChange={ setQuantity }
 						ownedPlans={ ownedPlans }
 					/>
@@ -202,7 +205,7 @@ export default function WPCOMPlanSelector( { onSelect }: WPCOMPlanSelectorProps
 						onSelect={ onSelect }
 						ownedPlans={ ownedPlans }
 						referralMode={ referralMode }
-						quantity={ quantity }
+						quantity={ displayQuantity }
 						setQuantity={ setQuantity }
 					/>
 				) : (