diff --git a/dotcom-rendering/src/components/ProductCardButtons.tsx b/dotcom-rendering/src/components/ProductCardButtons.tsx index b02b1f68f73..57ae0ea0c0f 100644 --- a/dotcom-rendering/src/components/ProductCardButtons.tsx +++ b/dotcom-rendering/src/components/ProductCardButtons.tsx @@ -8,10 +8,8 @@ const getLabel = (cta: ProductCta): string => { export const ProductCardButtons = ({ productCtas, - dataComponent, }: { productCtas: ProductCta[]; - dataComponent?: string; }) => ( <> {productCtas.map((productCta, index) => { @@ -24,11 +22,6 @@ export const ProductCardButtons = ({ minimisePadding={true} priority={index === 0 ? 'primary' : 'tertiary'} fullwidth={true} - dataComponent={ - dataComponent - ? `${dataComponent}-${index + 1}` - : undefined - } /> ); })} diff --git a/dotcom-rendering/src/components/ProductCardInline.tsx b/dotcom-rendering/src/components/ProductCardInline.tsx index f8ffc7e335d..19cf6a662ab 100644 --- a/dotcom-rendering/src/components/ProductCardInline.tsx +++ b/dotcom-rendering/src/components/ProductCardInline.tsx @@ -182,7 +182,9 @@ export const ProductCardInline = ({ return (
- +
{hasCustomAttributes && (
diff --git a/dotcom-rendering/src/components/ProductCardLeftCol.tsx b/dotcom-rendering/src/components/ProductCardLeftCol.tsx index c6cd001ca51..ae7e2deff86 100644 --- a/dotcom-rendering/src/components/ProductCardLeftCol.tsx +++ b/dotcom-rendering/src/components/ProductCardLeftCol.tsx @@ -119,10 +119,7 @@ export const ProductCardLeftCol = ({ )}
- +
{customAttributes.length > 0 && (
diff --git a/dotcom-rendering/src/components/ProductLinkButton.tsx b/dotcom-rendering/src/components/ProductLinkButton.tsx index 689ca3a939e..7b1f53b4a97 100644 --- a/dotcom-rendering/src/components/ProductLinkButton.tsx +++ b/dotcom-rendering/src/components/ProductLinkButton.tsx @@ -55,7 +55,7 @@ export const ProductLinkButton = ({ fullwidth = false, minimisePadding = false, priority = 'primary', - dataComponent = 'in-body-product-link-button', + dataComponent, }: ProductLinkButtonProps) => { const cssOverrides: SerializedStyles[] = [ heightAutoStyle, @@ -74,11 +74,11 @@ export const ProductLinkButton = ({ icon={} theme={theme} data-ignore="global-link-styling" - data-link-name="in body link" + data-component={dataComponent} + data-link-name={`product link button ${priority}`} data-spacefinder-role="inline" size={size} cssOverrides={cssOverrides} - data-component={dataComponent} > )}