Fix story package trail images for gallery articles

Author: marjisound

dotcom-rendering/src/components/ScrollableSmallOnwards.tsx

@@ -226,7 +226,6 @@ const getDefaultCardProps = (
 		mediaPositionOnMobile: 'left',
 		headlineSizes: {
 			desktop: 'xxsmall',
-			tablet: 'xxsmall',
 			mobile: 'xxxsmall',
 		},
 		trailText: undefined,

dotcom-rendering/src/storyPackage.ts

@@ -1,5 +1,5 @@
 import type { FEStoryPackage } from './frontend/feArticle';
-import { decideTrail } from './lib/decideTrail';
+import { decideTrail, decideTrailWithMasterImage } from './lib/decideTrail';
 import type { TrailType } from './types/trails';
 
 export type StoryPackage = {
@@ -9,13 +9,16 @@ export type StoryPackage = {
 
 export const parse = (
 	feStoryPackage: FEStoryPackage | undefined,
+	withMasterImage: boolean = false,
 ): StoryPackage | undefined => {
 	if (feStoryPackage === undefined) {
 		return undefined;
 	}
 
 	return {
 		heading: feStoryPackage.heading,
-		trails: feStoryPackage.trails.map(decideTrail),
+		trails: feStoryPackage.trails.map(
+			withMasterImage ? decideTrailWithMasterImage : decideTrail,
+		),
 	};
 };

dotcom-rendering/src/types/article.ts

@@ -117,7 +117,10 @@ export const enhanceArticleType = (
 		data.main,
 	)(data.mainMediaElements);
 
-	const storyPackage = parseStoryPackage(data.storyPackage);
+	const storyPackage = parseStoryPackage(
+		data.storyPackage,
+		format.design === ArticleDesign.Gallery,
+	);
 
 	if (format.design === ArticleDesign.Gallery) {
 		const design = ArticleDesign.Gallery;