Hide most viewed in right column on the AudioLayout.tsx (#12687)

guardian · Oct 25, 2024 · c320dd6 · c320dd6
1 parent d22e3e0
commit c320dd6
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 1 deletion.
diff --git a/dotcom-rendering/src/components/MostViewedRightWithAd.importable.tsx b/dotcom-rendering/src/components/MostViewedRightWithAd.importable.tsx
@@ -14,6 +14,7 @@ type Props = {
 	isPaidContent: boolean;
 	renderAds: boolean;
 	shouldHideReaderRevenue: boolean;
+	shouldHideMostViewed?: boolean;
 };
 
 /**
@@ -41,6 +42,7 @@ export const MostViewedRightWithAd = ({
 	isPaidContent,
 	renderAds,
 	shouldHideReaderRevenue,
+	shouldHideMostViewed = false,
 }: Props) => {
 	const componentDataAttribute = 'most-viewed-right-container';
 	const { renderingTarget } = useConfig();
@@ -75,7 +77,7 @@ export const MostViewedRightWithAd = ({
 				/>
 			) : null}
 
-			{!isPaidContent ? (
+			{!isPaidContent && !shouldHideMostViewed ? (
 				<MostViewedRightWrapper
 					maxHeightPx={MAX_HEIGHT_PX}
 					componentDataAttribute={componentDataAttribute}

diff --git a/dotcom-rendering/src/layouts/AudioLayout.tsx b/dotcom-rendering/src/layouts/AudioLayout.tsx
@@ -504,6 +504,7 @@ export const AudioLayout = (props: WebProps) => {
 												!!article.config
 													.shouldHideReaderRevenue
 											}
+											shouldHideMostViewed={true}
 										/>
 									</Island>
 								</RightColumn>