feat: pass advertisement to ProductCard component

vtex · Sep 16, 2024 · ef6c86c · ef6c86c
1 parent 14d8de3
commit ef6c86c
Show file tree

Hide file tree

Showing 3 changed files with 15 additions and 2 deletions.
diff --git a/packages/components/src/molecules/ProductCard/ProductCard.tsx b/packages/components/src/molecules/ProductCard/ProductCard.tsx
@@ -19,6 +19,15 @@ export interface ProductCardProps extends HTMLAttributes<HTMLDivElement> {
    * testing-library, and jest).
    */
   testId?: string
+
+  advertisement?: {
+    adId: string;
+    campaignId: string;
+    actionCost: number;
+    adRequestId: string;
+    adResponseId: string;
+}
+
 }
 
 const ProductCard = forwardRef<HTMLDivElement, ProductCardProps>(
@@ -29,12 +38,14 @@ const ProductCard = forwardRef<HTMLDivElement, ProductCardProps>(
       bordered = false,
       outOfStock,
       children,
+      advertisement,
       ...otherProps
     },
     ref
   ) {
     return (
       <article
+        data-test={advertisement?.campaignId ?? ''}
         ref={ref}
         data-fs-product-card={outOfStock ? 'out-of-stock' : ''}
         data-fs-product-card-variant={variant}

diff --git a/packages/core/faststore.config.default.js b/packages/core/faststore.config.default.js
@@ -19,7 +19,7 @@ module.exports = {
     subDomainPrefix: ['www'],
     environment: 'vtexcommercestable',
     hideUnavailableItems: false,
-    showSponsored: false,
+    showSponsored: true,
     incrementAddress: true,
   },
 

diff --git a/packages/core/src/components/product/ProductCard/ProductCard.tsx b/packages/core/src/components/product/ProductCard/ProductCard.tsx
@@ -77,6 +77,7 @@ function ProductCard({
     sku,
     isVariantOf: { name },
     image: [img],
+    advertisement,
     offers: {
       lowPrice,
       lowPriceWithTaxes,
@@ -105,13 +106,14 @@ function ProductCard({
     : listPriceBase
 
   const hasDiscount = spotPrice <= listPrice
-
+  console.log(advertisement)
   return (
     <UIProductCard
       outOfStock={outOfStock}
       bordered={bordered}
       variant={variant}
       data-fs-product-card-sku={sku}
+      advertisement={advertisement}
       {...otherProps}
     >
       <UIProductCardImage aspectRatio={aspectRatio}>