(andri) get desc variant product from magento

1 files changed, 10 insertions, 1 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>