feat: Primary button colour override

guardian · Feb 3, 2025 · ef49dd0 · ef49dd0
1 parent 1872036
commit ef49dd0
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 1 deletion.
diff --git a/...end/assets/components/subscriptionsProductDescription/subscriptionsProductDescription.tsx b/...end/assets/components/subscriptionsProductDescription/subscriptionsProductDescription.tsx
@@ -16,7 +16,11 @@ const getButtonAppearance = (
 	index: number,
 	isFeature?: boolean,
 	hierarchy?: string,
+	primary?: boolean,
 ) => {
+	if (primary) {
+		return 'primary';
+	}
 	if (isFeature && index === 0) {
 		return 'primary';
 	} else if (isFeature && index > 0) {
@@ -66,7 +70,12 @@ function SubscriptionsProductDescription({
 					<AnchorButton
 						href={button.link}
 						onClick={button.analyticsTracking}
-						appearance={getButtonAppearance(index, isFeature, button.hierarchy)}
+						appearance={getButtonAppearance(
+							index,
+							isFeature,
+							button.hierarchy,
+							button.primary,
+						)}
 						modifierClasses={[
 							button.modifierClasses ?? '',
 							'subscriptions__product-button',

diff --git a/support-frontend/assets/pages/subscriptions-landing/copy/subscriptionCopy.tsx b/support-frontend/assets/pages/subscriptions-landing/copy/subscriptionCopy.tsx
@@ -39,6 +39,7 @@ export type ProductButton = {
 	analyticsTracking: () => void;
 	hierarchy?: string;
 	modifierClasses?: string;
+	primary?: boolean;
 };
 
 type ProductCopy = {
@@ -165,6 +166,7 @@ function digitalCheckout(
 					componentType: 'ACQUISITIONS_BUTTON',
 				}),
 				modifierClasses: 'digital',
+				primary: true,
 			},
 		],
 		benefits: productCatalogDescription['DigitalSubscription'].benefits,