From 339c99613483477b00525b83d997853fe21e74fa Mon Sep 17 00:00:00 2001
From: avagore <avaeelerog@gmail.com>
Date: Mon, 1 May 2017 20:20:14 -0500
Subject: [PATCH 1/2] Started State Practice

---
 src/components/ProductDetail.js |  3 ++-
 src/components/Reviews.js       | 25 +++++++++++++++++++++++++
 2 files changed, 27 insertions(+), 1 deletion(-)
 create mode 100644 src/components/Reviews.js

diff --git a/src/components/ProductDetail.js b/src/components/ProductDetail.js
index 885919a..eb0b754 100644
--- a/src/components/ProductDetail.js
+++ b/src/components/ProductDetail.js
@@ -1,4 +1,5 @@
 import React from "react";
+import Reviews from './Reviews';
 
 function ProductDetail(props) {
   const {name,description,rating,imgUrl} = props.product;
@@ -18,7 +19,7 @@ function ProductDetail(props) {
           </p>
         </div>
         <div className="ratings">
-          <p className="pull-right">15 reviews</p>
+          <p className="pull-right">15 reviews <Reviews reviews={props.product.reviews} /></p>
           <p>
             {stars}
           </p>
diff --git a/src/components/Reviews.js b/src/components/Reviews.js
new file mode 100644
index 0000000..e74fdad
--- /dev/null
+++ b/src/components/Reviews.js
@@ -0,0 +1,25 @@
+import React from "react";
+
+class Reviews extends React.Component {
+    constructor() {
+        super();
+    }
+    render(props) {
+
+        var reviewDiv = this.props.reviews.map((review) => {
+            return <div>
+                    <p>{review.description}</p>
+                </div>
+        })
+
+        return <div>
+                {reviewDiv}
+            </div>
+    }
+        
+        
+
+
+};
+
+export default Reviews;
\ No newline at end of file

From ac224397db97b2d609159cf6dd3b7e7bdd355416 Mon Sep 17 00:00:00 2001
From: avagore <avaeelerog@gmail.com>
Date: Tue, 2 May 2017 19:46:23 -0500
Subject: [PATCH 2/2] State Practice

---
 src/components/Reviews.js | 21 ++++++++++++++++-----
 1 file changed, 16 insertions(+), 5 deletions(-)

diff --git a/src/components/Reviews.js b/src/components/Reviews.js
index e74fdad..db6b7ea 100644
--- a/src/components/Reviews.js
+++ b/src/components/Reviews.js
@@ -3,19 +3,30 @@ import React from "react";
 class Reviews extends React.Component {
     constructor() {
         super();
+        this.state = {visible:true};
     }
     render(props) {
+        var reviewDiv = "";
+        if(this.state.visible) {
+            reviewDiv = this.props.reviews.map((review) => {
+                return <div>
+                       {review.description}
+                    </div>
+            })
+        }
 
-        var reviewDiv = this.props.reviews.map((review) => {
-            return <div>
-                    <p>{review.description}</p>
-                </div>
-        })
 
         return <div>
+                <button onClick={()=>{
+                    this.setState({
+                        visible:!this.state.visible
+                    });
+                    }
+                }>Review</button>
                 {reviewDiv}
             </div>
     }
+