feat(core): add tax total in checkout summary (#731)

* feat(core): add tax total in checkout summary * fix: hide taxes if null
bigcommerce · Apr 4, 2024 · 41ebe00 · 41ebe00
1 parent 2524c67
commit 41ebe00
Show file tree

Hide file tree

Showing 3 changed files with 13 additions and 0 deletions.
diff --git a/.changeset/tiny-balloons-learn.md b/.changeset/tiny-balloons-learn.md
@@ -0,0 +1,5 @@
+---
+"@bigcommerce/catalyst-core": patch
+---
+
+Add tax total in checkout summary
diff --git a/apps/core/app/[locale]/(default)/cart/_components/checkout-summary.tsx b/apps/core/app/[locale]/(default)/cart/_components/checkout-summary.tsx
@@ -47,6 +47,13 @@ export const CheckoutSummary = async ({ cartId, locale }: { cartId: string; loca
         <span>-{currencyFormatter.format(checkout.cart?.discountedAmount.value || 0)}</span>
       </div>
 
+      {checkout.taxTotal && (
+        <div className="flex justify-between border-t border-t-gray-200 py-4">
+          <span className="font-semibold">{t('tax')}</span>
+          <span>{currencyFormatter.format(checkout.taxTotal.value)}</span>
+        </div>
+      )}
+
       <div className="flex justify-between border-t border-t-gray-200 py-4 text-xl font-bold lg:text-2xl">
         {t('grandTotal')}
         <span>{currencyFormatter.format(checkout.grandTotal?.value || 0)}</span>

diff --git a/apps/core/messages/en.json b/apps/core/messages/en.json
@@ -108,6 +108,7 @@
     "CheckoutSummary": {
       "subTotal": "Subtotal",
       "discounts": "Discounts",
+      "tax": "Tax",
       "grandTotal": "Grand total",
       "shipping": "Shipping",
       "shippingCost": "Shipping Cost",