diff options
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']}> |