Fix cart removal

components/cart/CartSidebarView/CartSidebarView.tsx

@@ -42,7 +42,7 @@ const CartSidebarView: FC = () => {
       </header>
 
       {isEmpty ? (
-        <div className="flex-shrink-0 px-4 border-t border-gray-200 py-5 sm:px-6">
+        <div className="flex-shrink-0 px-4 border-gray-200 py-5 sm:px-6">
           <Button>Continue Shopping</Button>
         </div>
       ) : (

components/core/UserNav/UserNav.tsx

@@ -25,9 +25,11 @@ const UserNav: FC<Props> = ({ className }) => {
       <ul className={s.list}>
         <li className={s.item} onClick={() => openSidebar()}>
           <Bag />
-          <span className="bg-black h-4 w-4 absolute rounded-full inset-3 text-white flex items-center justify-center font-bold text-xs">
-            {itemsCount}
-          </span>
+          {itemsCount > 0 && (
+            <span className="bg-black h-4 w-4 absolute rounded-full inset-3 text-white flex items-center justify-center font-bold text-xs">
+              {itemsCount}
+            </span>
+          )}
         </li>
         <li className={s.item}>
           <Heart />

lib/bigcommerce/api/cart.ts

@@ -142,11 +142,9 @@ const cartApi: BigcommerceApiHandler<Cart> = async (req, res, config) => {
         })
       }
 
-      const { data } = await config.storeApiFetch(
+      const result = await config.storeApiFetch<{ data: any } | null>(
         `/v3/carts/${cartId}/items/${itemId}`,
-        {
-          method: 'DELETE',
-        }
+        { method: 'DELETE' }
       )
 
       // Update the cart cookie
@@ -155,7 +153,7 @@ const cartApi: BigcommerceApiHandler<Cart> = async (req, res, config) => {
         getCartCookie(config.cartCookie, cartId, config.cartCookieMaxAge)
       )
 
-      return res.status(200).json({ data })
+      return res.status(200).json({ data: result?.data })
     }
   } catch (error) {
     console.error(error)

lib/bigcommerce/api/utils/fetch-store-api.ts

@@ -37,9 +37,8 @@ export default async function fetchStoreApi<T>(
     )
   }
 
-  const data = await res.json()
-
-  return data
+  // If something was removed, the response will be empty
+  return res.status === 204 ? null : await res.json()
 }
 
 async function getErrorText(res: Response) {