Update product detail page

1 files changed, 8 insertions, 2 deletions

diff --git a/src-migrate/modules/product-detail/components/VariantList.tsx b/src-migrate/modules/product-detail/components/VariantList.tsx
index 1da478e7..3d5b9b74 100644
--- a/src-migrate/modules/product-detail/components/VariantList.tsx
+++ b/src-migrate/modules/product-detail/components/VariantList.tsx
@@ -89,8 +89,14 @@ const Row = ({ variant }: { variant: IProductVariantDetail }) => {
         {variant.weight > 0 ? `${variant.weight} Kg` : '-'}
       </div>
       <div className='w-3/12'>
-        {variant.price.price > 0 && `Rp ${formatCurrency(variant.price.price)}`}
-        {variant.price.price === 0 && '-'}
+        {variant.price.discount_percentage > 0 && (
+          <div className='flex items-center gap-x-1'>
+            <div className={style['disc-badge']}>{Math.floor(variant.price.discount_percentage)}%</div>
+            <div className={style['disc-price']}>Rp {formatCurrency(variant.price.price)}</div>
+          </div>
+        )}
+        {variant.price.price_discount > 0 && `Rp ${formatCurrency(variant.price.price_discount)}`}
+        {variant.price.price_discount === 0 && '-'}
       </div>
       <div className='w-1/12 sticky right-0 bg-white md:bg-transparent'>
         <Button