Merge pull request #199 from w3bdesign/development

Fix price bug with variable products

components/Cart/Cart.component.jsx

@@ -11,6 +11,7 @@ import { AppContext } from 'utils/context/AppContext';
  */
 const Cart = () => {  
   const [cart, setCart] = useContext(AppContext);
+
 
   const productsCount =
     null !== cart && Object.keys(cart).length ? cart.totalProductsCount : '';

components/Cart/CartPage/CartItem.component.jsx

@@ -25,10 +25,12 @@ const CartItem = ({ item, products, handleRemoveProductClick, updateCart }) => {
       }*/
       // If the user tries to delete the count of product, set that to 1 by default ( This will not allow him to reduce it less than zero )
       const newQty = event.target.value ? parseInt(event.target.value) : 1;
+
       // Set the new quantity in state.
       setProductCount(newQty);
       if (products.length) {
         const updatedItems = getUpdatedItems(products, newQty, cartKey);
+
         updateCart({
           variables: {
             input: {

components/Cart/CartPage/CartItemsContainer.component.jsx

@@ -74,6 +74,9 @@ const CartItemsContainer = () => {
       const updatedCart = getFormattedCart(data);
       localStorage.setItem('woocommerce-cart', JSON.stringify(updatedCart));
       // Update cart data in React Context.
+
+
+
       setCart(updatedCart);
     },
     onError: (error) => {

utils/functions/functions.js

@@ -198,16 +198,18 @@ export const getFormattedCart = (data) => {
   formattedCart.products = [];
   let totalProductsCount = 0;
 
-  for (let i = 0; i < givenProducts.length; i++) {
+  let i = 0;
+  givenProducts.forEach(() => {
     const givenProduct = givenProducts[i].product;
     const product = {};
-    const total = getFloatVal(givenProducts[i].total);
+    // Convert price to a float value
+    const convertedCurrency = givenProducts[i].total.replace(/[^0-9.-]+/g, '');
 
     product.productId = givenProduct.productId;
     product.cartKey = givenProducts[i].key;
     product.name = givenProduct.name;
     product.qty = givenProducts[i].quantity;
-    product.price = total / product.qty;
+    product.price = convertedCurrency / product.qty;
     product.totalPrice = givenProducts[i].total;
     product.image = {
       sourceUrl: givenProduct.image.sourceUrl,
@@ -216,14 +218,13 @@ export const getFormattedCart = (data) => {
     };
 
     totalProductsCount += givenProducts[i].quantity;
-
     // Push each item into the products array.
     formattedCart.products.push(product);
-  }
+    i++;
+  });
 
   formattedCart.totalProductsCount = totalProductsCount;
   formattedCart.totalProductsPrice = data.cart.total;
-
   return formattedCart;
 };