Merge pull request #13662 from guardian/doml/suppress-images

Hide podcast images when appropriate

Author: domlander

dotcom-rendering/src/components/Card/Card.tsx

@@ -1064,8 +1064,12 @@ export const Card = ({
 						imageType={media?.type}
 						imageSize={imageSize}
 						isBetaContainer={isBetaContainer}
-						imagePositionOnDesktop={imagePositionOnDesktop}
-						imagePositionOnMobile={imagePositionOnMobile}
+						imagePositionOnDesktop={
+							image ? imagePositionOnDesktop : 'none'
+						}
+						imagePositionOnMobile={
+							image ? imagePositionOnMobile : 'none'
+						}
 						padContent={determinePadContent(
 							isMediaCardOrNewsletter,
 							isBetaContainer,

dotcom-rendering/src/components/FlexibleGeneral.tsx

@@ -436,7 +436,6 @@ export const StandardCardLayout = ({
 	containerPalette,
 	showAge,
 	absoluteServerTimes,
-	showImage = true,
 	imageLoading,
 	isFirstRow,
 	isFirstStandardRow,
@@ -451,7 +450,6 @@ export const StandardCardLayout = ({
 	containerPalette?: DCRContainerPalette;
 	showAge?: boolean;
 	absoluteServerTimes: boolean;
-	showImage?: boolean;
 	aspectRatio: AspectRatio;
 	isLastRow: boolean;
 	containerLevel: DCRContainerLevel;
@@ -485,7 +483,7 @@ export const StandardCardLayout = ({
 							containerType="flexible/general"
 							showAge={showAge}
 							absoluteServerTimes={absoluteServerTimes}
-							image={showImage ? card.image : undefined}
+							image={card.image}
 							imageLoading={imageLoading}
 							imagePositionOnDesktop="left"
 							supportingContent={card.supportingContent?.slice(

dotcom-rendering/src/model/enhanceCards.ts

@@ -197,6 +197,7 @@ const decideMedia = (
 	galleryCount: number = 0,
 	audioDuration: string = '',
 	podcastImage?: PodcastSeriesImage,
+	imageHide?: boolean,
 ): MainMedia | undefined => {
 	// If the showVideo toggle is enabled in the fronts tool,
 	// we should return the active mediaAtom regardless of the design
@@ -211,7 +212,7 @@ const decideMedia = (
 		case ArticleDesign.Audio:
 			return {
 				type: 'Audio',
-				podcastImage,
+				podcastImage: !imageHide ? podcastImage : undefined,
 				duration: audioDuration,
 			};
 
@@ -293,6 +294,7 @@ export const enhanceCards = (
 			faciaCard.card.galleryCount,
 			faciaCard.card.audioDuration,
 			podcastImage,
+			faciaCard.display.imageHide,
 		);
 
 		return {