move custom attribute

Author: oliverabrahams

dotcom-rendering/src/components/ProductCardInline.tsx

@@ -12,22 +12,21 @@ import {
 } from '@guardian/source/foundations';
 import type { ArticleFormat } from '../lib/articleFormat';
 import { palette } from '../palette';
-import type { ProductCta, ProductImage } from '../types/content';
+import type {
+	ProductCta,
+	ProductCustomAttribute,
+	ProductImage,
+} from '../types/content';
 import { ProductCardButtons } from './ProductCardButtons';
 import { ProductCardImage } from './ProductCardImage';
 
-export type CustomAttributes = {
-	name: string;
-	value: string;
-};
-
 export type InlineProductCardProps = {
 	format: ArticleFormat;
 	brandName: string;
 	productName: string;
 	image?: ProductImage;
 	productCtas: ProductCta[];
-	customAttributes: CustomAttributes[];
+	customAttributes: ProductCustomAttribute[];
 	isCardOnly: boolean;
 	shouldShowLeftColCard?: boolean;
 	lowestPrice?: string;
@@ -140,7 +139,7 @@ const customAttributeItem = css`
 	}
 `;
 
-const CustomAttribute = ({ name, value }: CustomAttributes) => (
+const CustomAttribute = ({ name, value }: ProductCustomAttribute) => (
 	<div css={customAttributeItem}>
 		<strong>{name}</strong>
 		<br />

dotcom-rendering/src/types/content.ts

@@ -872,6 +872,11 @@ export type ProductCta = {
 	price: string;
 };
 
+export type ProductCustomAttribute = {
+	name: string;
+	value: string;
+};
+
 export interface SrcSetItem {
 	src: string;
 	width: number;