Add stories to flexible general. Update trails

Author: domlander

dotcom-rendering/fixtures/manual/trails.ts

@@ -469,6 +469,7 @@ export const audioTrails: [DCRFrontCard, DCRFrontCard] = [
 			altText:
 				"TOPSHOT-FBL-EUR-C1-MILAN-FEYENOORD<br>TOPSHOT - Polish referee Szymon Marciniak gives a red card to AC Milan's French defender #19 Theo Hernandez (R) during the UEFA Champions League knockout round play-off second leg football match between AC Milan and Feyenoord at San Siro stadium in Milan, on February 18, 2025. (Photo by Piero CRUCIATTI / AFP) (Photo by PIERO CRUCIATTI/AFP via Getty Images)",
 		},
+		supportingContent: getSublinks(2),
 	},
 ];
 
@@ -541,6 +542,7 @@ export const galleryTrails: [DCRFrontCard, DCRFrontCard] = [
 			src: 'https://media.guim.co.uk/69ac2383ea611126b54373865dac3e7e77981d7e/0_39_5500_3302/master/5500.jpg',
 			altText: 'A group of people in the street, some looking worried',
 		},
+		supportingContent: getSublinks(2),
 	},
 ];
 

dotcom-rendering/src/components/FlexibleGeneral.stories.tsx

@@ -2,10 +2,13 @@ import { breakpoints } from '@guardian/source/foundations';
 import type { Meta, StoryObj } from '@storybook/react';
 import { discussionApiUrl } from '../../fixtures/manual/discussionApiUrl';
 import {
+	audioTrails,
+	galleryTrails,
 	getSublinks,
 	loopVideoCard,
 	opinionTrails,
 	trails,
+	videoTrails,
 } from '../../fixtures/manual/trails';
 import { ArticleDesign, ArticleDisplay, Pillar } from '../lib/articleFormat';
 import { customMockFetch } from '../lib/mockRESTCalls';
@@ -457,33 +460,13 @@ export const StandardCards: Story = {
 		frontSectionTitle: 'Standard cards',
 		groupedTrails: {
 			...emptyGroupedTrails,
-			standard: trails.slice(0, 4),
-		},
-	},
-};
-
-export const StandardBoostedMediaCardWithSublinks: Story = {
-	name: 'Standard boosted media card with sublinks',
-	args: {
-		frontSectionTitle: 'Standard boosted media card with sublinks',
-		groupedTrails: {
-			...emptyGroupedTrails,
-			standard: [trails[1]].map((card) => ({
-				...card,
-				boostLevel: 'boost',
-				supportingContent: getSublinks(2),
-			})),
-		},
-	},
-};
-
-export const OpinionStandardCards: Story = {
-	name: 'Opinion standard cards',
-	args: {
-		frontSectionTitle: 'Opinion standard cards',
-		groupedTrails: {
-			...emptyGroupedTrails,
-			standard: opinionTrails.slice(0, 2),
+			standard: [
+				...trails.slice(0, 4),
+				...opinionTrails.slice(0, 2),
+				...audioTrails.slice(0, 2),
+				...galleryTrails.slice(0, 2),
+				...videoTrails.slice(0, 2),
+			],
 		},
 	},
 };
@@ -576,3 +559,18 @@ export const LoopVideoCards: Story = {
 		},
 	},
 };
+
+export const StandardBoostedMediaCardWithSublinks: Story = {
+	name: 'Standard boosted media card with sublinks',
+	args: {
+		frontSectionTitle: 'Standard boosted media card with sublinks',
+		groupedTrails: {
+			...emptyGroupedTrails,
+			standard: [trails[1]].map((card) => ({
+				...card,
+				boostLevel: 'boost',
+				supportingContent: getSublinks(2),
+			})),
+		},
+	},
+};