Merge pull request #21674 from Yoast/1866-236---bf---black-friday-pro…

…mo-code-is-missing-in-upsell-popup Adds promo code to upsell ad in upsell modals
Yoast · Oct 1, 2024 · 8e31441 · 8e31441
2 parents ceefe74 + a839b32
commit 8e31441
Showing 1 changed file with 4 additions and 3 deletions.
diff --git a/packages/js/src/components/UpsellBox.js b/packages/js/src/components/UpsellBox.js
@@ -115,9 +115,10 @@ class UpsellBox extends Component {
 		return (
 			<Fragment>
 				{ isBlackFriday &&
-				<div className="yst-flex  yst-items-center yst-text-lg yst-content-between yst-bg-black yst-text-amber-300 yst-h-9 yst-border-amber-300 yst-border-y yst-border-x-0 yst-border-solid yst-px-6">
-					<div className="yst-mx-auto">{ __( "BLACK FRIDAY | 30% OFF", "wordpress-seo" ) }</div>
-				</div> }
+					<div className="yst-flex yst-flex-col yst-items-center yst-bg-black yst-border-amber-300 yst-border-y yst-border-x-0 yst-border-solid yst-gap-2 yst-py-2 yst-leading-5">
+						<div className="yst-mx-auto yst-text-amber-300 yst-text-lg">{ __( "BLACK FRIDAY | 30% OFF", "wordpress-seo" ) }</div>
+						<div className="yst-text-white yst-text-base yst-font-semibold">{ __( "Promo code", "wordpress-seo" ) }: BF2024</div>
+					</div> }
 				<Container>
 					<Heading>{ this.props.title }</Heading>
 					<Description>{ this.props.description }</Description>