Removing read more as a boolean so it will be on every card

Author: charleycampbell

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

@@ -255,7 +255,6 @@ const meta = {
 			display: ArticleDisplay.Standard,
 			theme: Pillar.Lifestyle,
 		},
-		showReadMore: true,
 	},
 	render: (args) => (
 		<div
@@ -274,22 +273,6 @@ type Story = StoryObj<typeof meta>;
 
 export const Default = {} satisfies Story;
 
-export const WithoutReadMore = {
-	args: {
-		showReadMore: false,
-	},
-} satisfies Story;
-
-export const WithoutHeadingDisclaimerOrReadMore = {
-	args: {
-		product: {
-			...product,
-			primaryHeadingHtml: '',
-		},
-		showReadMore: false,
-	},
-} satisfies Story;
-
 export const WithLongHeadingProductNameAndCTA = {
 	args: {
 		product: {

dotcom-rendering/src/components/ProductCarouselCard.tsx

@@ -16,7 +16,6 @@ import { ProductCardImage } from './ProductCardImage';
 export type ProductCarouselCardProps = {
 	product: ProductBlockElement;
 	format: ArticleFormat;
-	showReadMore?: boolean;
 };
 
 const baseCard = css`
@@ -76,7 +75,6 @@ const productNameStyle = css`
 export const ProductCarouselCard = ({
 	product,
 	format,
-	showReadMore,
 }: ProductCarouselCardProps) => {
 	const hasHeading = !!product.primaryHeadingHtml;
 
@@ -102,7 +100,7 @@ export const ProductCarouselCard = ({
 					</div>
 				</>
 			)}
-			{showReadMore && <div css={readMoreCta}>Read more</div>}
+			<div css={readMoreCta}>Read more</div>
 			<div css={imageArea}>
 				<ProductCardImage
 					format={format}