diff options
Diffstat (limited to 'src/lib/checkout/components/Checkout.jsx')
| -rw-r--r-- | src/lib/checkout/components/Checkout.jsx | 42 |
1 files changed, 27 insertions, 15 deletions
diff --git a/src/lib/checkout/components/Checkout.jsx b/src/lib/checkout/components/Checkout.jsx index 6d2f62e0..e2c1a85b 100644 --- a/src/lib/checkout/components/Checkout.jsx +++ b/src/lib/checkout/components/Checkout.jsx @@ -32,6 +32,7 @@ import BottomPopup from '@/core/components/elements/Popup/BottomPopup' import { useQuery } from 'react-query' import { gtagPurchase } from '@/core/utils/googleTag' import { findVoucher, getVoucher } from '../api/getVoucher' +import CardProdcuctsList from '@/core/components/elements/Product/cartProductsList' const SELF_PICKUP_ID = 32 @@ -633,8 +634,11 @@ const Checkout = () => { Berakhir dalam{' '} <span className='text-red-600'>{item.remainingTime}</span> lagi,{' '} </div> - <div className='text-sm ml-2 text-red-600' onClick={() => handlingTnC(item)} > - Baca S&K + <div + className='text-sm ml-2 text-red-600' + onClick={() => handlingTnC(item)} + > + Baca S&K </div> </div> </div> @@ -985,7 +989,9 @@ const Checkout = () => { <div className='p-4'> <div className='font-medium'>Detail Pesanan</div> - <table className='table-checkout'> + <CardProdcuctsList isLoading={isLoading} products={products} /> + + {/* <table className='table-checkout'> <thead> <tr> <th>Nama Produk</th> @@ -1045,21 +1051,27 @@ const Checkout = () => { /> </td> <td> - {product?.price?.discountPercentage > 0 && ( - <div className='flex gap-x-1 items-center justify-center mt-3'> - <div className='text-gray_r-11 line-through text-caption-1'> - {currencyFormat(product?.price?.price)} + {product?.hasFlashsale ? ( + <> + <div className='flex gap-x-1 items-center justify-center mt-3'> + <div className='text-gray_r-11 line-through text-caption-1'> + {currencyFormat(product?.price?.price)} + </div> + <div className='badge-solid-red'> + {product?.price?.discountPercentage}% + </div> </div> - <div className='badge-solid-red'> - {product?.price?.discountPercentage}% + <div className='font-normal mt-1'> + {currencyFormat(product?.price?.priceDiscount)} </div> + </> + ) : ( + <div className='font-normal mt-1'> + {product.price.priceDiscount > 0 + ? currencyFormat(product?.price?.priceDiscount) + : 'Call For Price'} </div> )} - <div className='font-normal mt-1'> - {product.price.priceDiscount > 0 - ? currencyFormat(product?.price?.priceDiscount) - : 'Call For Price'} - </div> </td> <td> <div className='text-danger-500 font-medium'> @@ -1139,7 +1151,7 @@ const Checkout = () => { )) )} </tbody> - </table> + </table> */} </div> </div> <div className='w-1/4 pl-4'> |