Merge pull request #231 from mercurjs/fix/mm2-1565/cart-empty-when-item-is-added

MM2-1565 Fix: cart showing empty state after adding items

Author: kamilkieres09

src/components/sections/Cart/Cart.tsx

@@ -1,13 +1,14 @@
+"use client"
+
 import { Button } from "@/components/atoms"
 import { CartEmpty, CartItems, CartSummary } from "@/components/organisms"
 import LocalizedClientLink from "@/components/molecules/LocalizedLink/LocalizedLink"
-import { retrieveCart } from "@/lib/data/cart"
 import CartPromotionCode from "../CartReview/CartPromotionCode"
-import { EmptyCart } from "@/components/organisms/CartItems/EmptyCart"
-
-export const Cart = async () => {
-  const cart = await retrieveCart()
+import { useCartContext } from "@/components/providers"
 
+export const Cart = () => {
+  const { cart } = useCartContext()
+  
   if (!cart || !cart.items?.length) {
     return <CartEmpty />
   }