update 31/01

src/components/product/detail/index.tsx

@@ -13,7 +13,8 @@ import ProductSummary from "./summary";
 
 export default async function ProductDetail({ slug }: any) {
     const {
-        productName,
+        productName, 
+        productId,
         review,
         visit,
         quantity,
@@ -21,12 +22,13 @@ export default async function ProductDetail({ slug }: any) {
         productImage, imageCollection,
         price, marketPrice, deal_list, price_off, sale_rules,
         hasVAT, warranty,
-        specialOffer
+        specialOffer,
+        productDescription,
+        productSpec
     } = slug
 
     const image = {
-        productImage,
-        imageCollection
+        productImage, imageCollection
     }
 
     const priceData = {
@@ -85,7 +87,7 @@ export default async function ProductDetail({ slug }: any) {
                             
                             <ProductOffer item={specialOffer}/>                            
 
-                            <Buttons />
+                            <Buttons item={productId} />
 
                             <p className="m-0 flex items-center gap-3 text-16 leading-[22px]">
                                 <i className="icons icon-truck-2 !w-6" />
@@ -101,9 +103,10 @@ export default async function ProductDetail({ slug }: any) {
 
                 <div className="pd-content-container flex flex-wrap items-baseline gap-6">
                     <div className="col-left w-[784px]">
-                        <ProductDescription />
+                        { productDescription && 
+                            <ProductDescription name={productName} description={productDescription} />
+                         }
                         
-                        {/* Đánh giá và bình luận */}
                         <div className="pd-comment-container bg-white mb-6 p-8 pt-6 rounded-[24px] text-16 leading-[22px]">
                             <Review />
 
@@ -112,7 +115,9 @@ export default async function ProductDetail({ slug }: any) {
                     </div>
                     
                     <div className="col-right w-[440px]">
-                        <ProductSpec />
+                        {productSpec && 
+                            <ProductSpec item={productSpec} />
+                        }
                         
                         <Article />
                     </div>