Product Grid quantity not resetting after adding to it cart #5

sivadass · sivadass · commit 5d69468bf9ff · 2017-12-17T11:28:17.000+05:30
diff --git a/dist/app.bundle.js b/dist/app.bundle.js
diff --git a/index.html b/index.html
@@ -3,7 +3,8 @@
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, initial-scale=1.0">
 		<title>Veggy - React Shopping Cart Demo</title>
-		<link rel="shortcut icon" href="favicon.ico" /> 
+		<link rel="shortcut icon" href="favicon.ico" />
+		
 		<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,400,700" />
 		<link rel="stylesheet" href="dist/style.css" />
 		<link rel="prefetch" href="https://res.cloudinary.com/sivadass/image/upload/v1494699523/icons/bare-tree.png" />
@@ -12,6 +13,5 @@
 	<body>
 		<div id="root"></div>
 		<script src="dist/app.bundle.js"></script>
-		<script async defer src="https://buttons.github.io/buttons.js"></script>
 	</body>
 </html>
diff --git a/src/components/Counter.js b/src/components/Counter.js
@@ -40,7 +40,11 @@ class Counter extends Component {
 		})
 	};
 
-
+	resetQuantity(){
+		this.setState({
+			value: 1
+		})
+	}
 	render() {
 		return (
 			<div className="stepper-input">
diff --git a/src/components/Footer.js b/src/components/Footer.js
@@ -4,10 +4,12 @@ const Footer = (props) =>{
     return(
         <footer>
             <p className="footer-links">
-                <a href="https://twitter.com/NSivadass" target="_blank">Say Hi on Twitter</a>
-                <span>  /  </span>
                 <a href="https://github.com/sivadass/react-shopping-cart" target="_blank">View Source on Github</a>
                 <span>  /  </span>
+                <a href="mailto:contact@sivadass.in" target="_blank">Need any help?</a>
+                <span>  /  </span>
+                <a href="https://twitter.com/NSivadass" target="_blank">Say Hi on Twitter</a>
+                <span>  /  </span>
                 <a href="https://sivadass.in" target="_blank">Read My Blog</a>
             </p>
             <p>&copy; 2017 <strong>Veggy</strong> - Organic Green Store</p>
diff --git a/src/components/Product.js b/src/components/Product.js
@@ -7,10 +7,12 @@ class Product extends Component{
         this.state = {
             selectedProduct: {},
             quickViewProdcut: {},
-            buttonLabel: "ADD TO CART"
+            buttonLabel: "ADD TO CART",
         }
-	}
+    }
+    resetQuantity(){
 
+    }
     addToCart(image, name, price, id, quantity){
         this.setState({
             selectedProduct: {
@@ -27,7 +29,10 @@ class Product extends Component{
             buttonLabel: "✔ ADDED"
         }, function(){
             setTimeout(() => {
-                this.setState({ buttonLabel: "ADD TO CART" });
+                this.setState({ 
+                    buttonLabel: "ADD TO CART",
+                    selectedProduct: {} 
+                });
             }, 5000);
         });
     }
@@ -56,7 +61,7 @@ class Product extends Component{
                 </div>
                 <h4 className="product-name">{this.props.name}</h4>
                 <p className="product-price">{this.props.price}</p>
-                <Counter productQuantity={quantity} updateQuantity={this.props.updateQuantity}/>
+                <Counter productQuantity={quantity} updateQuantity={this.props.updateQuantity} resetQuantity={this.resetQuantity}/>
                 <div className="product-action">
                     <button type="button" onClick={this.addToCart.bind(this, image, name, price, id, quantity)}>{this.state.buttonLabel}</button>
                 </div>
diff --git a/src/index.js b/src/index.js
@@ -73,6 +73,7 @@ class App extends Component{
 		let productID = selectedProducts.id;
 		let productQty = selectedProducts.quantity;
 		if(this.checkProduct(productID)){
+			console.log('hi');
 			let index = cartItem.findIndex((x => x.id == productID));
 			cartItem[index].quantity = Number(cartItem[index].quantity) + Number(productQty);
 			this.setState({
@@ -86,8 +87,13 @@ class App extends Component{
 			cartBounce: true,
 		});
 		setTimeout(function(){
-             this.setState({cartBounce:false});
-        }.bind(this),1000);  
+			this.setState({
+				cartBounce:false,
+				quantity: 1
+			});
+			console.log(this.state.quantity);
+			console.log(this.state.cart);
+    }.bind(this),1000);  
 		this.sumTotalItems(this.state.cart);
 		this.sumTotalAmount(this.state.cart);
 	}
@@ -126,19 +132,13 @@ class App extends Component{
 			totalAmount: total
 		})
     }
-	//Update Quantity
-	updateQuantity(qty){
-		console.log("hola!")
-        this.setState({
-            moq: qty
-        })
-	}
+
 	//Reset Quantity
 	updateQuantity(qty){
-		console.log("hola!")
-        this.setState({
-            quantity: qty
-        })
+		console.log("quantity added...")
+		this.setState({
+				quantity: qty
+		})
 	}
 	// Open Modal
 	openModal(product){
