¨¨

Author: w3bdesign

src/components/Product/AddToCart.component.tsx

@@ -125,23 +125,8 @@ const AddToCart = ({
 
   const handleAddToCart = async () => {
     try {
-      // First attempt the server update
+      // Let the mutation handle the cart update through refetchQueries
       await addToCart();
-      
-      // Only update local state if server update succeeds
-      if (cart) {
-        setCart({
-          ...cart,
-          totalProductsCount: cart.totalProductsCount + 1,
-          products: [...cart.products]
-        });
-      } else {
-        setCart({
-          products: [],
-          totalProductsCount: 1,
-          totalProductsPrice: 0
-        });
-      }
     } catch (error) {
       console.error('Failed to add to cart:', error);
       setRequestError(true);

src/utils/functions/functions.tsx

@@ -154,9 +154,15 @@ export const getFormattedCart = (data: IFormattedCartProps) => {
     return;
   }
 
+  // Add console logs to debug the data
+  console.log('Raw cart data:', data);
+  console.log('Given products:', givenProducts);
+
   // Map products to the correct format
   formattedCart.products = givenProducts.map((item) => {
+    console.log('Processing item:', item);
     const givenProduct = item.product.node;
+    console.log('Product node:', givenProduct);
 
     // Convert price to a float value
     const convertedCurrency = item.total.replace(/[^0-9.-]+/g, '');
@@ -165,14 +171,14 @@ export const getFormattedCart = (data: IFormattedCartProps) => {
     totalProductsCount += item.quantity;
 
     // Create a new product object for each item
-    return {
-      productId: givenProduct.productId,
+    const formattedProduct = {
+      productId: givenProduct.databaseId, // Changed from productId to databaseId
       cartKey: item.key,
       name: givenProduct.name,
       qty: item.quantity,
       price: Number(convertedCurrency) / item.quantity,
       totalPrice: item.total,
-      image: givenProduct.image.sourceUrl
+      image: givenProduct.image?.sourceUrl
         ? {
             sourceUrl: givenProduct.image.sourceUrl,
             srcSet: givenProduct.image.srcSet,
@@ -182,9 +188,13 @@ export const getFormattedCart = (data: IFormattedCartProps) => {
             sourceUrl: process.env.NEXT_PUBLIC_PLACEHOLDER_SMALL_IMAGE_URL,
             srcSet: process.env.NEXT_PUBLIC_PLACEHOLDER_SMALL_IMAGE_URL,
             title: givenProduct.name,
-          },
+          }
     };
+    console.log('Formatted product:', formattedProduct);
+    return formattedProduct;
   });
+
+  console.log('Final formatted cart:', formattedCart);
   formattedCart.totalProductsCount = totalProductsCount;
   formattedCart.totalProductsPrice = data.cart.total;