diff options
| author | Rafi Zadanly <zadanlyr@gmail.com> | 2024-02-19 16:07:25 +0700 |
|---|---|---|
| committer | Rafi Zadanly <zadanlyr@gmail.com> | 2024-02-19 16:07:25 +0700 |
| commit | 95f49f1de12ae612957b60ed53cf5993b9b7ef1e (patch) | |
| tree | b23f03815392d916a6abfb611883b1b040421413 | |
| parent | 410cc16690f97e59b6a93b4196a2c13caf498b4d (diff) | |
Add promotion program smooth animation
| -rw-r--r-- | src-migrate/modules/cart/components/Item.tsx | 6 | ||||
| -rw-r--r-- | src-migrate/modules/product-promo/components/Section.tsx | 4 |
2 files changed, 5 insertions, 5 deletions
diff --git a/src-migrate/modules/cart/components/Item.tsx b/src-migrate/modules/cart/components/Item.tsx index 8a6f8822..ba7f7cdf 100644 --- a/src-migrate/modules/cart/components/Item.tsx +++ b/src-migrate/modules/cart/components/Item.tsx @@ -72,7 +72,7 @@ const CartItem = ({ item, editable = true }: Props) => { Rp {formatCurrency((item.price.price || 0))} </span> )} - + <div className={style.price}> {item.price.price_discount > 0 && `Rp ${formatCurrency(item.price.price_discount)}`} {item.price.price_discount === 0 && '-'} @@ -81,9 +81,7 @@ const CartItem = ({ item, editable = true }: Props) => { )} <div>{item.cart_type === 'product' && item.code}</div> - <div> - {item.weight} Kg - </div> + <div>{item.weight} Kg</div> </div> {editable && <CartItemAction item={item} />} diff --git a/src-migrate/modules/product-promo/components/Section.tsx b/src-migrate/modules/product-promo/components/Section.tsx index b6753be7..694a3705 100644 --- a/src-migrate/modules/product-promo/components/Section.tsx +++ b/src-migrate/modules/product-promo/components/Section.tsx @@ -25,7 +25,9 @@ const ProductPromoSection = ({ productId }: Props) => { const { openModal } = useModalStore() return ( - <div className='w-full'> + <div className={clsxm('w-full overflow-y-hidden transition-all duration-500 h-0', { + 'h-[425px]': promotions?.data && promotions?.data.length > 0, + })}> <ProductPromoModal /> {promotions?.data && promotions?.data.length > 0 && ( |