(andri) get desc variant product from magento

2 files changed, 21 insertions, 2 deletions

diff --git a/src-migrate/modules/product-detail/components/ProductDetail.tsx b/src-migrate/modules/product-detail/components/ProductDetail.tsx
index 82b99697..4cc082d8 100644
--- a/src-migrate/modules/product-detail/components/ProductDetail.tsx
+++ b/src-migrate/modules/product-detail/components/ProductDetail.tsx
@@ -71,6 +71,7 @@ const ProductDetail = ({ product }: Props) => {
   const [specsMatrix, setSpecsMatrix] = useState<any[]>([]); 
   const [upsellIds, setUpsellIds] = useState<number[]>([]);
   const [relatedIds, setRelatedIds] = useState<number[]>([]); 
+  const [descriptionMap, setDescriptionMap] = useState<Record<string, string>>({});
   
   const [loadingSpecs, setLoadingSpecs] = useState(false);
 
@@ -174,6 +175,10 @@ const ProductDetail = ({ product }: Props) => {
            setSpecsMatrix([]);
         }
 
+        if (data.descriptions){
+          setDescriptionMap(data.descriptions);
+        }
+
         // 2. Upsell & Related
         if (data.upsell_ids && Array.isArray(data.upsell_ids)) setUpsellIds(data.upsell_ids);
         else setUpsellIds([]);
@@ -319,6 +324,10 @@ const ProductDetail = ({ product }: Props) => {
     setMainImage(allImages[i] || '');
   };
 
+  const activeMagentoDesc = selectedVariant?.id ? descriptionMap[String(selectedVariant.id)] : '';
+  const finalDescription = activeMagentoDesc || product.description || 'Deskripsi produk tidak tersedia.';
+  const cleanDescription = finalDescription === '<p><br></p>' ? 'Deskripsi produk tidak tersedia.' : finalDescription;
+
   return (
     <>
       <div className='relative'>
@@ -455,7 +464,7 @@ const ProductDetail = ({ product }: Props) => {
                   {/* DESKRIPSI */}
                   <TabPanel px={0} py={6}>
                     <div className='overflow-x-auto text-sm text-gray-700'>
-                      <div className={style['description']} dangerouslySetInnerHTML={{ __html: !product.description || product.description === '<p><br></p>' ? '<p>Lorem ipsum dolor sit amet.</p>' : product.description, }} />
+                      <div className={style['description']} dangerouslySetInnerHTML={{ __html: cleanDescription }} />
                     </div>
                   </TabPanel>
 
diff --git a/src/pages/api/magento-product.ts b/src/pages/api/magento-product.ts
index 297f0ebc..ef5fd3bc 100644
--- a/src/pages/api/magento-product.ts
+++ b/src/pages/api/magento-product.ts
@@ -103,6 +103,15 @@ export default async function handler(
         matrix.push(row);
     });
 
+    // Deskripsi produk per varian
+    const descriptions:Record<string, string> = {};
+    items.forEach((p: any) => {
+        const descAttr = p.custom_attributes.find((a: any) => a.attribute_code === 'description' || a.attribute_code === 'short_description');
+        descriptions[p.sku] = descAttr ? descAttr.value : '';
+    });
+
+    
+
     // =====================================================================
     // 3. AMBIL LINKS (UPSELL & RELATED) DARI MAIN VARIANT SAJA
     // =====================================================================
@@ -126,7 +135,8 @@ export default async function handler(
     res.status(200).json({
         specsMatrix: matrix,
         upsell_ids: upsellIds,
-        related_ids: relatedIds
+        related_ids: relatedIds,
+        descriptions: descriptions
     });
 
   } catch (error) {