From 3efe5317f77745d3d6ab0b853a9bb897c481d9d9 Mon Sep 17 00:00:00 2001
From: Rafi Zadanly <rafizadanly@gmail.com>
Date: Fri, 30 Dec 2022 10:39:59 +0700
Subject: Change cart layout

---
 src/pages/shop/cart.js | 48 ++++++++----------------------------------------
 1 file changed, 8 insertions(+), 40 deletions(-)

(limited to 'src')

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>
           </>
         ) }
-- 
cgit v1.2.3