pass through fairground container logic

guardian · Dec 3, 2024 · 3b67c41 · 3b67c41
1 parent 932d55a
commit 3b67c41
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 4 deletions.
diff --git a/dotcom-rendering/src/components/Card/Card.tsx b/dotcom-rendering/src/components/Card/Card.tsx
@@ -605,6 +605,7 @@ export const Card = ({
 				imageType={media?.type}
 				containerType={containerType}
 				gapSize={getGapSize()}
+				isFairgroundContainer={isFairgroundContainer}
 			>
 				{media && (
 					<ImageWrapper

diff --git a/dotcom-rendering/src/components/Card/components/CardLayout.tsx b/dotcom-rendering/src/components/Card/components/CardLayout.tsx
@@ -3,7 +3,6 @@ import { isUndefined } from '@guardian/libs';
 import { from, space, until } from '@guardian/source/foundations';
 import type { DCRContainerType } from '../../../types/front';
 import type { CardImageType } from '../../../types/layout';
-import { FAIRGROUND_CONTAINERS } from '../Card';
 import type { ImagePositionType } from './ImageWrapper';
 
 const padding = 20;
@@ -19,6 +18,7 @@ type Props = {
 	minWidthInPixels?: number;
 	containerType?: DCRContainerType;
 	gapSize?: GapSize;
+	isFairgroundContainer: boolean;
 };
 
 const containerStyles = css`
@@ -166,10 +166,8 @@ export const CardLayout = ({
 	imageType,
 	containerType,
 	gapSize = 'small',
+	isFairgroundContainer,
 }: Props) => {
-	const isFairgroundContainer = FAIRGROUND_CONTAINERS.includes(
-		containerType ?? '',
-	);
 	return (
 		<div
 			css={[