Merge pull request #196 from w3bdesign/development

Some debugging

Author: w3bdesign

README.md

@@ -41,7 +41,8 @@
 
 ## TODO
 
-- Display product variation in cart / checkout
+- Display product variation name in cart / checkout
+- Implement React-hook-form for validation
 - Hide products not in stock
 - Add better SEO
 - Add a better README.md

components/Cart/AddToCartButton.component.jsx

@@ -25,12 +25,16 @@ const AddToCartButton = (props) => {
 
   const product = props.product;
 
+  const productId = product.productId ? product.productId : product;
+
+  console.log("Props from Addtocart");
   console.log(props);
 
   const productQueryInput = {
     clientMutationId: uuidv4(), // Generate a unique id.
     //productId: product.productId,
-    productId: product
+    //productId: product
+    productId: productId
   };
 
   // Get Cart Data.

components/Cart/CartPage/CartItem.component.jsx

@@ -7,6 +7,12 @@ import { getUpdatedItems } from 'utils/functions/functions';
 const CartItem = ({ item, products, handleRemoveProductClick, updateCart }) => {
   const [productCount, setProductCount] = useState(item.qty);
 
+  console.log("Cart item: ");
+  console.log(item);
+  console.log("Cart products: ");
+  console.log(products);
+
+
   /*
    * When user changes the quantity, update the cart in localStorage
    * Also update the cart in the global Context

components/Product/SingleProduct.component.jsx

@@ -10,10 +10,7 @@ import LoadingSpinner from 'components/LoadingSpinner/LoadingSpinner.component';
  */
 const SingleProduct = ({ product }) => {
   const [isLoading, setIsLoading] = useState(true);
-  // Set first variation as default selected variant
-  const [selectedVariation, setselectedVariation] = useState(
-    product.variations.nodes[0].variationId
-  );
+  const [selectedVariation, setselectedVariation] = useState(64);
 
   useEffect(() => {
     setIsLoading(false);