rename the component

Author: marjisound

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

@@ -8,9 +8,9 @@ import { palette } from '../palette';
 import type { OnwardsSource } from '../types/onwards';
 import type { RenderingTarget } from '../types/renderingTarget';
 import type { FETrailType, TrailType } from '../types/trails';
-import { CarousableSmallOnwards } from './CarousableSmallOnwards';
 import { Carousel } from './Carousel.importable';
 import { Placeholder } from './Placeholder';
+import { ScrollableSmallOnwards } from './ScrollableSmallOnwards';
 
 type Props = {
 	url: string;
@@ -91,7 +91,7 @@ export const FetchOnwardsData = ({
 	return (
 		<div css={minHeight}>
 			{format.design === ArticleDesign.Gallery ? (
-				<CarousableSmallOnwards
+				<ScrollableSmallOnwards
 					absoluteServerTimes={absoluteServerTimes}
 					trails={trails}
 					discussionApiUrl={discussionApiUrl}

dotcom-rendering/src/components/CarousableSmallOnwards.stories.tsx renamed to dotcom-rendering/src/components/ScrollableSmallOnwards.stories.tsx

@@ -1,18 +1,18 @@
 import type { Meta, StoryObj } from '@storybook/react';
 import { ArticleDesign, ArticleDisplay, Pillar } from '../lib/articleFormat';
 import { getDataLinkNameCard } from '../lib/getDataLinkName';
-import { CarousableSmallOnwards } from './CarousableSmallOnwards';
+import { ScrollableSmallOnwards } from './ScrollableSmallOnwards';
 
 const meta = {
-	title: 'Components/CarousableSmallOnwards',
-	component: CarousableSmallOnwards,
-} satisfies Meta<typeof CarousableSmallOnwards>;
+	title: 'Components/ScrollableSmallOnwards',
+	component: ScrollableSmallOnwards,
+} satisfies Meta<typeof ScrollableSmallOnwards>;
 
 export default meta;
 
 type Story = StoryObj<typeof meta>;
 
-export const CarousableSmallOnwardsStory = {
+export const ScrollableSmallOnwardsStory = {
 	args: {
 		absoluteServerTimes: false,
 		discussionApiUrl:

dotcom-rendering/src/components/CarousableSmallOnwards.tsx renamed to dotcom-rendering/src/components/ScrollableSmallOnwards.tsx

@@ -119,7 +119,7 @@ const getDefaultCardProps = (
 	return defaultProps;
 };
 
-export const CarousableSmallOnwards = (props: Props) => {
+export const ScrollableSmallOnwards = (props: Props) => {
 	const trails = props.trails.slice(0, 4); // Limit to 4 cards
 	if (trails.length !== 4) return null;
 

dotcom-rendering/src/layouts/GalleryLayout.tsx

@@ -16,7 +16,6 @@ import { ArticleMetaApps } from '../components/ArticleMeta.apps';
 import { ArticleMeta } from '../components/ArticleMeta.web';
 import { ArticleTitle } from '../components/ArticleTitle';
 import { Caption } from '../components/Caption';
-import { CarousableSmallOnwards } from '../components/CarousableSmallOnwards';
 import { DiscussionLayout } from '../components/DiscussionLayout';
 import { FetchMoreGalleriesData } from '../components/FetchMoreGalleriesData.importable';
 import { Footer } from '../components/Footer';
@@ -30,6 +29,7 @@ import { Masthead } from '../components/Masthead/Masthead';
 import { MostViewedFooterData } from '../components/MostViewedFooterData.importable';
 import { MostViewedFooterLayout } from '../components/MostViewedFooterLayout';
 import { OnwardsUpper } from '../components/OnwardsUpper.importable';
+import { ScrollableSmallOnwards } from '../components/ScrollableSmallOnwards';
 import { Section } from '../components/Section';
 import { Standfirst } from '../components/Standfirst';
 import { StickyBottomBanner } from '../components/StickyBottomBanner.importable';
@@ -312,7 +312,7 @@ export const GalleryLayout = (props: WebProps | AppProps) => {
 				show={showMerchandisingHigh}
 				display={format.display}
 			/>
-			<CarousableSmallOnwards
+			<ScrollableSmallOnwards
 				absoluteServerTimes={absoluteServerTimes}
 				trails={gallery.storyPackage?.trails ?? []}
 				discussionApiUrl={discussionApiUrl}