diff options
| author | Miqdad <ahmadmiqdad27@gmail.com> | 2025-08-23 10:21:38 +0700 |
|---|---|---|
| committer | Miqdad <ahmadmiqdad27@gmail.com> | 2025-08-23 10:21:38 +0700 |
| commit | d61567c690970806273e40ee4748856d65a43d14 (patch) | |
| tree | ee859f70468cf2a8369db7de35fad4f71bf2aa21 /src-migrate | |
| parent | 5c0f43f53f330387cc86afd51beaeebf4069cad9 (diff) | |
<Miqdad> More mobile change
Diffstat (limited to 'src-migrate')
| -rw-r--r-- | src-migrate/modules/product-detail/components/PriceAction.tsx | 44 |
1 files changed, 31 insertions, 13 deletions
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']}> |