From d61567c690970806273e40ee4748856d65a43d14 Mon Sep 17 00:00:00 2001
From: Miqdad <ahmadmiqdad27@gmail.com>
Date: Sat, 23 Aug 2025 10:21:38 +0700
Subject: <Miqdad> More mobile change

---
 .../product-detail/components/PriceAction.tsx      | 44 +++++++++++++++-------
 1 file changed, 31 insertions(+), 13 deletions(-)

(limited to 'src-migrate')

diff --git a/src-migrate/modules/product-detail/components/PriceAction.tsx b/src-migrate/modules/product-detail/components/PriceAction.tsx
index 9d45a7c3..2cdfc9a2 100644
--- a/src-migrate/modules/product-detail/components/PriceAction.tsx
+++ b/src-migrate/modules/product-detail/components/PriceAction.tsx
@@ -89,19 +89,37 @@ const PriceAction = ({ product }: Props) => {
       {!!activePrice && activePrice.price > 0 && (
         <>
           <div className='flex items-end gap-x-2'>
-            {activePrice.discount_percentage > 0 && (
-              <>
-                <div className={style['disc-badge']}>
-                  {Math.floor(activePrice.discount_percentage)}%
-                </div>
-                <div className={style['main-price']}>
-                  Rp {formatCurrency(activePrice.price_discount || 0)}
-                </div>
-              </>
-            )}
-            <div className={style['disc-price']}>
-              Rp {formatCurrency(activePrice.price || 0)}
-            </div>
+            <MobileView>
+              {activePrice.discount_percentage > 0 && (
+                <>
+                  <div className={style['disc-badge']}>
+                    {Math.floor(activePrice.discount_percentage)}%
+                  </div>
+                  <div className={style['main-price']}>
+                    Rp {formatCurrency(activePrice.price_discount || 0)}
+                  </div>
+                </>
+              )}
+              <div className={style['disc-price']}>
+                Rp {formatCurrency(activePrice.price || 0)}
+              </div>
+            </MobileView>
+            <DesktopView>
+              {activePrice.discount_percentage > 0 && (
+                <>
+                  <div className={style['disc-badge']}>
+                    {Math.floor(activePrice.discount_percentage)}%
+                  </div>
+
+                  <div className={style['disc-price']}>
+                    Rp {formatCurrency(activePrice.price || 0)}
+                  </div>
+                </>
+              )}
+              <div className={style['main-price']}>
+                Rp {formatCurrency(activePrice.price_discount || 0)}
+              </div>
+            </DesktopView>
           </div>
           <div className='h-1' />
           <div className={style['secondary-text']}>
-- 
cgit v1.2.3