update 30/01

src/components/product/detail/index.tsx

@@ -17,10 +17,22 @@ export default async function ProductDetail({ slug }: any) {
         review,
         visit,
         quantity,
-        productSummary
-
+        productSummary,
+        productImage, imageCollection,
+        price, marketPrice, deal_list, price_off, sale_rules,
+        hasVAT, warranty,
+        specialOffer
     } = slug
 
+    const image = {
+        productImage,
+        imageCollection
+    }
+
+    const priceData = {
+        price, marketPrice, deal_list, price_off, sale_rules, hasVAT, warranty, quantity
+    }
+    
     console.log(slug)
 
     return (
@@ -33,7 +45,7 @@ export default async function ProductDetail({ slug }: any) {
 
                     <div className="gap-6 flex flex-wrap items-start leading-[18px]">
                         <div className="col-left-group w-[424px] sticky top-[90px]">
-                            <ProductImage />
+                            <ProductImage data={image} />
                         </div>
 
                         <div className="col-middle-group w-[464px]">
@@ -69,9 +81,9 @@ export default async function ProductDetail({ slug }: any) {
                                 <ProductSummary item={productSummary} />
                             }
 
-                            <ProductPrice />
+                            <ProductPrice item={priceData} />
                             
-                            <ProductOffer />                            
+                            <ProductOffer item={specialOffer}/>                            
 
                             <Buttons />