Merge pull request #8 from jobsofferings/main

Hide the badge when there is no content in the shopping cart
chu-obs · May 13, 2024 · 0b2b221 · 0b2b221
2 parents 8dd49e6 + f728c97
commit 0b2b221
Showing 1 changed file with 5 additions and 3 deletions.
diff --git a/components/cart/CartBadge.jsx b/components/cart/CartBadge.jsx
@@ -11,9 +11,11 @@ export default function CartBadge() {
   //? Render(s)
   return (
     <div className="relative">
-      <span className="absolute outline outline-2 bottom-3.5 left-5 bg-red-500 rounded-md w-5 h-5 p-0.5 text-center text-xs text-white">
-        {formatNumber(totalItems)}
-      </span>
+      {totalItems ? (
+        <span className="absolute outline outline-2 bottom-3.5 left-5 bg-red-500 rounded-md w-5 h-5 p-0.5 text-center text-xs text-white">
+          {formatNumber(totalItems)}
+        </span>
+      ) : null}
 
       <Icons.Cart className="icon h-7 w-7" />
     </div>