From ea5a6900fa59f73f44537cd3a3095ce4a91e26cf Mon Sep 17 00:00:00 2001
From: Jorge Moya <jorge.moya@bigcommerce.com>
Date: Thu, 4 Apr 2024 11:01:38 -0500
Subject: [PATCH] fix(core): hide discounts from checkout if null (#732)

---
 .changeset/khaki-bears-visit.md                        |  5 +++++
 .../(default)/cart/_components/checkout-summary.tsx    | 10 ++++++----
 2 files changed, 11 insertions(+), 4 deletions(-)
 create mode 100644 .changeset/khaki-bears-visit.md

diff --git a/.changeset/khaki-bears-visit.md b/.changeset/khaki-bears-visit.md
new file mode 100644
index 000000000..7715bdcc8
--- /dev/null
+++ b/.changeset/khaki-bears-visit.md
@@ -0,0 +1,5 @@
+---
+"@bigcommerce/catalyst-core": patch
+---
+
+Hide discounts if null
diff --git a/apps/core/app/[locale]/(default)/cart/_components/checkout-summary.tsx b/apps/core/app/[locale]/(default)/cart/_components/checkout-summary.tsx
index 645575b0e..e7d7282af 100644
--- a/apps/core/app/[locale]/(default)/cart/_components/checkout-summary.tsx
+++ b/apps/core/app/[locale]/(default)/cart/_components/checkout-summary.tsx
@@ -42,10 +42,12 @@ export const CheckoutSummary = async ({ cartId, locale }: { cartId: string; loca
         <ShippingEstimator checkout={checkout} shippingCountries={shippingCountries} />
       </NextIntlClientProvider>
 
-      <div className="flex justify-between border-t border-t-gray-200 py-4">
-        <span className="font-semibold">{t('discounts')}</span>
-        <span>-{currencyFormatter.format(checkout.cart?.discountedAmount.value || 0)}</span>
-      </div>
+      {checkout.cart?.discountedAmount && (
+        <div className="flex justify-between border-t border-t-gray-200 py-4">
+          <span className="font-semibold">{t('discounts')}</span>
+          <span>-{currencyFormatter.format(checkout.cart.discountedAmount.value)}</span>
+        </div>
+      )}
 
       {checkout.taxTotal && (
         <div className="flex justify-between border-t border-t-gray-200 py-4">