lint

Author: Georges-GNM

dotcom-rendering/fixtures/manual/storylinesSectionContent.ts

@@ -1,4 +1,4 @@
-import { TPSGContent } from '../../src/types/tagPageAIContent';
+import type { TPSGContent } from '../../src/types/tagPageAIContent';
 
 export const storylinesSectionContent: TPSGContent = {
 	created: '2025-12-09T17:14:47.633244289Z',

dotcom-rendering/src/components/StorylineSection.tsx

@@ -10,11 +10,7 @@ import { submitComponentEvent } from '../client/ophan/ophan';
 import { type EditionId, isNetworkFront } from '../lib/edition';
 import { palette as schemePalette } from '../palette';
 import type { CollectionBranding } from '../types/branding';
-import type {
-	DCRContainerLevel,
-	DCRContainerPalette,
-	TreatType,
-} from '../types/front';
+import type { DCRContainerLevel, DCRContainerPalette } from '../types/front';
 import { ContainerOverrides } from './ContainerOverrides';
 import { ContainerTitle } from './ContainerTitle';
 import { Footer } from './ExpandableAtom/Footer';
@@ -61,8 +57,6 @@ type Props = {
 	showDateHeader?: boolean;
 	/** Used in partnership with `showDateHeader` to localise the date string */
 	editionId: EditionId;
-	/** A list of related links that appear in the bottom of the left column on fronts */
-	treats?: TreatType[];
 	collectionBranding?: CollectionBranding;
 	isTagPage?: boolean;
 	hasNavigationButtons?: boolean;
@@ -534,7 +528,6 @@ export const StorylineSection = ({
 	showDateHeader = false,
 	showTopBorder = true,
 	toggleable = false,
-	treats,
 	url,
 	collectionBranding,
 	isTagPage = false,

dotcom-rendering/src/components/StorylinesSection.importable.tsx

@@ -1,5 +1,4 @@
 import { css } from '@emotion/react';
-import { FlexibleGeneral } from './FlexibleGeneral';
 import {
 	from,
 	headlineLight50,
@@ -10,14 +9,14 @@ import {
 	textSans20,
 	textSansBold34,
 } from '@guardian/source/foundations';
+import { useState } from 'react';
+import type { EditionId } from '../lib/edition';
 import { parseTPSGContentToStorylines } from '../model/enhanceAITagPageContent';
 import { palette } from '../palette';
-import { useState } from 'react';
-import type { TreatType } from '../types/front';
 import type { TPSGContent } from '../types/tagPageAIContent';
+import { FlexibleGeneral } from './FlexibleGeneral';
 import { ScrollableCarousel } from './ScrollableCarousel';
 import { StorylineSection } from './StorylineSection';
-import { EditionId } from '../lib/edition';
 
 type StorylinesSectionProps = {
 	url?: string;
@@ -112,9 +111,9 @@ function formatDateRangeText(
 	const format = (d?: Date | null) => {
 		if (!d) return '';
 		const day = d.getDate();
-		const suffix = (day: number) => {
-			if (day > 3 && day < 21) return 'th';
-			switch (day % 10) {
+		const suffix = (dayNum: number) => {
+			if (dayNum > 3 && dayNum < 21) return 'th';
+			switch (dayNum % 10) {
 				case 1:
 					return 'st';
 				case 2:
@@ -186,16 +185,6 @@ export const StorylinesSection = ({
 	const activeStoryline = parsedStorylines.find(
 		(s) => s.id === activeStorylineId,
 	);
-	const AITreat: TreatType = {
-		altText:
-			'This content has been generated with the assistance of AI technology.',
-		links: [
-			{
-				text: 'This section was curated with AI.',
-				linkTo: 'https://www.theguardian.com/help/insideguardian/2023/jun/16/the-guardians-approach-to-generative-ai',
-			},
-		],
-	};
 
 	/** frontsection with background, title, AI warning on the left,
 	 *
@@ -219,7 +208,6 @@ export const StorylinesSection = ({
 				toggleable={false} //maybe set to true if this still works?
 				// pageId={tagPage.pageId}
 				editionId={editionId}
-				treats={[AITreat]}
 			>
 				{/* Tab selector */}
 				<div css={tabsContainerStyles}>
@@ -285,24 +273,21 @@ export const StorylinesSection = ({
 				)}
 				{/* Tabs content */}
 				<div css={contentStyles}>
-					{activeStoryline &&
-						activeStoryline.categories.map((category, idx) => (
-							<div key={idx} css={contentCss}>
-								{category.title !== 'Key Stories' && (
-									<h2 css={categoryTitleCss}>
-										{category.title}
-									</h2>
-								)}
-								<FlexibleGeneral
-									groupedTrails={category.groupedTrails}
-									imageLoading={'eager'}
-									aspectRatio={'5:4'}
-									collectionId={0}
-									containerLevel="Secondary"
-									SCStyle={true}
-								/>
-							</div>
-						))}
+					{activeStoryline?.categories.map((category, idx) => (
+						<div key={idx} css={contentCss}>
+							{category.title !== 'Key Stories' && (
+								<h2 css={categoryTitleCss}>{category.title}</h2>
+							)}
+							<FlexibleGeneral
+								groupedTrails={category.groupedTrails}
+								imageLoading={'eager'}
+								aspectRatio={'5:4'}
+								collectionId={0}
+								containerLevel="Secondary"
+								SCStyle={true}
+							/>
+						</div>
+					))}
 				</div>
 				<div css={articleCountAndDateRangeStyle}>
 					{`These storylines were curated from articles published ${formatDateRangeText(

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

@@ -1,7 +1,7 @@
 import { css } from '@emotion/react';
 import type { Meta, StoryObj } from '@storybook/react-webpack5';
-import { StorylinesSection } from './StorylinesSection.importable';
 import { storylinesSectionContent } from '../../fixtures/manual/storylinesSectionContent';
+import { StorylinesSection } from './StorylinesSection.importable';
 
 const meta = {
 	component: StorylinesSection,