fix(core): hide discounts from checkout if null (#732)

bigcommerce · Apr 4, 2024 · ea5a690 · ea5a690
1 parent 41ebe00
commit ea5a690
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 4 deletions.
diff --git a/.changeset/khaki-bears-visit.md 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
@@ -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">