Add new CardPicture image size

guardian · Jan 22, 2025 · 9105220 · 9105220
1 parent 79491fc
commit 9105220
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 0 deletions.
diff --git a/dotcom-rendering/src/components/Card/components/ImageWrapper.tsx b/dotcom-rendering/src/components/Card/components/ImageWrapper.tsx
@@ -24,6 +24,7 @@ export type ImageSizeType =
 	| 'large'
 	| 'jumbo'
 	| 'carousel'
+	| 'podcast'
 	| 'feature'
 	| 'feature-large';
 

diff --git a/dotcom-rendering/src/components/Card/components/PlayIcon.tsx b/dotcom-rendering/src/components/Card/components/PlayIcon.tsx
@@ -50,6 +50,7 @@ const getIconSizeOnDesktop = (imageSize: ImageSizeType) => {
 	switch (imageSize) {
 		case 'jumbo':
 		case 'large':
+		case 'podcast':
 		case 'carousel':
 		case 'medium':
 		case 'feature':

diff --git a/dotcom-rendering/src/components/CardPicture.tsx b/dotcom-rendering/src/components/CardPicture.tsx
@@ -39,6 +39,9 @@ const decideImageWidths = (
 		// 		{ breakpoint: breakpoints.desktop, width: 140 },
 		// 	];
 
+		case 'podcast':
+			return [{ breakpoint: breakpoints.mobile, width: 80 }];
+
 		case 'carousel':
 			return [{ breakpoint: breakpoints.mobile, width: 220 }];