Fix cart

Author: w3bdesign

src/components/Cart/CartContents.component.tsx

@@ -30,6 +30,11 @@ const CartContents = () => {
         setCart(updatedCart || null);
       }
     },
+    onError: (error) => {
+      console.error('Error fetching cart:', error);
+      // On error, we'll show the cached cart data instead of setting to null
+    },
+    fetchPolicy: 'cache-and-network',
   });
 
   const [updateCart] = useMutation(UPDATE_CART);

src/utils/functions/functions.tsx

@@ -148,61 +148,42 @@ export const getFormattedCart = (data: IFormattedCartProps) => {
   }
   const givenProducts = data.cart.contents.nodes;
 
-  // Create an empty object.
-  formattedCart.products = [];
-
-  const product: Product = {
-    productId: 0,
-    cartKey: '',
-    name: '',
-    qty: 0,
-    price: 0,
-    totalPrice: '0',
-    image: { sourceUrl: '', srcSet: '', title: '' },
-  };
-
   let totalProductsCount = 0;
-  let i = 0;
 
   if (!givenProducts.length) {
     return;
   }
 
-  givenProducts.forEach(() => {
-    const givenProduct = givenProducts[Number(i)].product.node;
+  // Map products to the correct format
+  formattedCart.products = givenProducts.map((item) => {
+    const givenProduct = item.product.node;
 
     // Convert price to a float value
-    const convertedCurrency = givenProducts[Number(i)].total.replace(
-      /[^0-9.-]+/g,
-      '',
-    );
-
-    product.productId = givenProduct.productId;
-    product.cartKey = givenProducts[Number(i)].key;
-    product.name = givenProduct.name;
-    product.qty = givenProducts[Number(i)].quantity;
-    product.price = Number(convertedCurrency) / product.qty;
-    product.totalPrice = givenProducts[Number(i)].total;
-
-    // Ensure we can add products without images to the cart
-
-    product.image = givenProduct.image.sourceUrl
-      ? {
-          sourceUrl: givenProduct.image.sourceUrl,
-          srcSet: givenProduct.image.srcSet,
-          title: givenProduct.image.title,
-        }
-      : {
-          sourceUrl: process.env.NEXT_PUBLIC_PLACEHOLDER_SMALL_IMAGE_URL,
-          srcSet: process.env.NEXT_PUBLIC_PLACEHOLDER_SMALL_IMAGE_URL,
-          title: givenProduct.name,
-        };
-
-    totalProductsCount += givenProducts[Number(i)].quantity;
-
-    // Push each item into the products array.
-    formattedCart.products.push(product);
-    i++;
+    const convertedCurrency = item.total.replace(/[^0-9.-]+/g, '');
+
+    // Add to total count
+    totalProductsCount += item.quantity;
+
+    // Create a new product object for each item
+    return {
+      productId: givenProduct.productId,
+      cartKey: item.key,
+      name: givenProduct.name,
+      qty: item.quantity,
+      price: Number(convertedCurrency) / item.quantity,
+      totalPrice: item.total,
+      image: givenProduct.image.sourceUrl
+        ? {
+            sourceUrl: givenProduct.image.sourceUrl,
+            srcSet: givenProduct.image.srcSet,
+            title: givenProduct.image.title,
+          }
+        : {
+            sourceUrl: process.env.NEXT_PUBLIC_PLACEHOLDER_SMALL_IMAGE_URL,
+            srcSet: process.env.NEXT_PUBLIC_PLACEHOLDER_SMALL_IMAGE_URL,
+            title: givenProduct.name,
+          }
+    };
   });
   formattedCart.totalProductsCount = totalProductsCount;
   formattedCart.totalProductsPrice = data.cart.total;