Rename crossSellsProduct to product

assets/js/blocks/cart/cart-cross-sells-product-list/cart-cross-sells-product.tsx

@@ -19,12 +19,12 @@ import { Block as ProductButton } from '../../../atomic/blocks/product-elements/
 import AddToCartButton from '../../../atomic/blocks/product-elements/add-to-cart/block';
 
 interface CrossSellsProductProps {
-	crossSellsProduct: ProductResponseItem;
+	product: ProductResponseItem;
 	isLoading: boolean;
 }
 
 const CartCrossSellsProduct = ( {
-	crossSellsProduct,
+	product,
 }: CrossSellsProductProps ): JSX.Element => {
 	return (
 		<div className="cross-sells-product">
@@ -35,7 +35,7 @@ const CartCrossSellsProduct = ( {
 				<ProductDataContextProvider
 					// Setting isLoading to false, given this parameter is required.
 					isLoading={ false }
-					product={ crossSellsProduct }
+					product={ product }
 				>
 					<div>
 						<ProductImage
@@ -51,7 +51,7 @@ const CartCrossSellsProduct = ( {
 						<ProductSaleBadge />
 						<ProductPrice />
 					</div>
-					{ crossSellsProduct.is_in_stock ? (
+					{ product.is_in_stock ? (
 						<AddToCartButton />
 					) : (
 						<ProductButton />

assets/js/blocks/cart/cart-cross-sells-product-list/index.tsx

@@ -9,27 +9,29 @@ import { ProductResponseItem } from '@woocommerce/type-defs/product-response';
 import CartCrossSellsProduct from './cart-cross-sells-product';
 
 interface CrossSellsProductListProps {
-	crossSellsProducts: ProductResponseItem[];
+	products: ProductResponseItem[];
 	className?: string | undefined;
 	columns: number;
 }
 
 const CartCrossSellsProductList = ( {
-	crossSellsProducts,
+	products,
 	columns,
 }: CrossSellsProductListProps ): JSX.Element => {
-	const products = crossSellsProducts.map( ( crossSellsProduct, i ) => {
+	const crossSellsProducts = products.map( ( product, i ) => {
 		if ( i >= columns ) return null;
 
 		return (
 			<CartCrossSellsProduct
-				crossSellsProduct={ crossSellsProduct }
-				key={ crossSellsProduct.id }
+				// Setting isLoading to false, given this parameter is required.
+				isLoading={ false }
+				product={ product }
+				key={ product.id }
 			/>
 		);
 	} );
 
-	return <div>{ products }</div>;
+	return <div>{ crossSellsProducts }</div>;
 };
 
 export default CartCrossSellsProductList;