✨ display shipping amount

theodo · Nov 21, 2023 · 45c1b67 · 45c1b67
1 parent e194d3e
commit 45c1b67
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 2 deletions.
diff --git a/components/cart/modal.tsx b/components/cart/modal.tsx
@@ -163,7 +163,11 @@ export default function CartModal({ cart }: { cart: Cart | undefined }) {
                     </div>
                     <div className="mb-3 flex items-center justify-between border-b border-neutral-200 pb-1 pt-1 dark:border-neutral-700">
                       <p>Shipping</p>
-                      <p className="text-right">Calculated at checkout</p>
+                      <Price
+                        className="text-right text-base text-black dark:text-white"
+                        amount={cart.cost.shippingAmount.amount}
+                        currencyCode={cart.cost.shippingAmount.currencyCode}
+                      />
                     </div>
                     <div className="mb-3 flex items-center justify-between border-b border-neutral-200 pb-1 pt-1 dark:border-neutral-700">
                       <p>Total</p>

diff --git a/lib/sylius/normalizer/cart-normalizer.ts b/lib/sylius/normalizer/cart-normalizer.ts
@@ -11,7 +11,8 @@ export const normalizeCart = (syliusCart: SyliusCart): Cart => {
     cost: {
       subtotalAmount: normalizePrice(syliusCart.itemsTotal),
       totalAmount: normalizePrice(syliusCart.total),
-      totalTaxAmount: normalizePrice(syliusCart.taxTotal)
+      totalTaxAmount: normalizePrice(syliusCart.taxTotal),
+      shippingAmount: normalizePrice(syliusCart.shippingTotal)
     },
     lines: syliusCart.items.map((item) => normalizeCartItem(item)),
     totalQuantity: syliusCart.items.reduce((acc, item) => acc + item.quantity, 0)

diff --git a/lib/sylius/types.ts b/lib/sylius/types.ts
@@ -5,6 +5,7 @@ export interface Cart {
     subtotalAmount: Money;
     totalAmount: Money;
     totalTaxAmount: Money;
+    shippingAmount: Money;
   };
   lines: CartItem[];
   totalQuantity: number;