diff options
Diffstat (limited to 'src')
| -rw-r--r-- | src/pages/shop/cart.js | 48 |
1 files changed, 8 insertions, 40 deletions
diff --git a/src/pages/shop/cart.js b/src/pages/shop/cart.js index 2ab0aaf5..c99bb613 100644 --- a/src/pages/shop/cart.js +++ b/src/pages/shop/cart.js @@ -261,46 +261,16 @@ export default function Cart() { ))} </div> - <LineDivider/> - - <div className="p-4"> - {/* [Start] Review Order */} - <div className="p-4 border border-gray_r-6 rounded-md mb-4"> - <div className="flex justify-between items-center"> - <h2>Ringkasan Pesanan</h2> - {getProductsToProcess().length > 0 && ( - <p className="text-gray_r-11 text-caption-1">{getProductsToProcess().length} Barang</p> - )} - </div> - <hr className="my-4 border-gray_r-6"/> - <div className="flex flex-col gap-y-4"> - <div className="flex gap-x-2 justify-between"> - <p>Subtotal</p> - <p className="font-medium">{currencyFormat(totalPriceBeforeTax)}</p> - </div> - <div className="flex gap-x-2 justify-between"> - <p>PPN 11%</p> - <p className="font-medium">{currencyFormat(totalTaxAmount)}</p> - </div> - <div className="flex gap-x-2 justify-between"> - <p>Total Diskon</p> - <p className="font-medium text-red_r-11">- {currencyFormat(totalDiscountAmount)}</p> - </div> - </div> - <hr className="my-4 border-gray_r-6"/> - <div className="flex gap-x-2 justify-between mb-4"> - <p>Grand Total</p> - <p className="font-medium text-yellow_r-11">{currencyFormat(totalPriceBeforeTax + totalTaxAmount - totalDiscountAmount)}</p> - </div> - <p className="text-caption-2 text-gray_r-10 mb-2">*) Belum termasuk biaya pengiriman</p> - <p className="text-caption-2 text-gray_r-10 leading-5"> - Dengan melakukan pembelian melalui website Indoteknik, saya menyetujui <Link href="/">Syarat & Ketentuan</Link> yang berlaku - </p> + <div className="p-4 bg-gray_r-1 sticky bottom-0 border-t border-gray_r-7"> + <div className="flex"> + <p>Total</p> + <p className="text-gray_r-11 ml-1">{getProductsToProcess().length > 0 && ( + <>({ getProductsToProcess().length } Barang)</> + )}</p> + <p className="font-semibold text-red_r-11 ml-auto">{currencyFormat(totalPriceBeforeTax + totalTaxAmount - totalDiscountAmount)}</p> </div> - {/* [End] Review Order */} - {/* [Start] Submit Button */} - <div className="flex gap-x-3"> + <div className="flex gap-x-3 mt-4"> <button className="flex-1 btn-light" disabled={getProductsToProcess().length == 0} @@ -315,8 +285,6 @@ export default function Cart() { Checkout {getProductsToProcess().length > 0 && `(${getProductsToProcess().length})`} </button> </div> - {/* [End] Submit Button */} - </div> </> ) } |