From 5c4ccaa4eb98b079c4b26483396cb70904b18a2b Mon Sep 17 00:00:00 2001
From: saf0911 <saf0911@gmail.com>
Date: Wed, 10 May 2017 18:42:58 -0500
Subject: [PATCH 1/2] just getting started

---
 src/Reviews.js                  | 11 +++++++++++
 src/components/ProductDetail.js |  3 ++-
 yarn.lock                       | 10 +++-------
 3 files changed, 16 insertions(+), 8 deletions(-)
 create mode 100644 src/Reviews.js

diff --git a/src/Reviews.js b/src/Reviews.js
new file mode 100644
index 0000000..111dbdf
--- /dev/null
+++ b/src/Reviews.js
@@ -0,0 +1,11 @@
+import React, {Component} from "react";
+
+
+export default class Reviews extends Component {
+  constructor(props) {
+    super(props);
+  }
+  render() {
+    function review
+  }
+}
diff --git a/src/components/ProductDetail.js b/src/components/ProductDetail.js
index 885919a..0bd72e6 100644
--- a/src/components/ProductDetail.js
+++ b/src/components/ProductDetail.js
@@ -1,4 +1,5 @@
 import React from "react";
+import Reviews from "../Reviews.js"
 
 function ProductDetail(props) {
   const {name,description,rating,imgUrl} = props.product;
@@ -14,7 +15,7 @@ function ProductDetail(props) {
         <div className="caption">
           <h4><a href="#">{name}</a>
           </h4>
-          <p>{description} 
+          <p>{description}
           </p>
         </div>
         <div className="ratings">
diff --git a/yarn.lock b/yarn.lock
index 5390255..88ac4d7 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -2570,11 +2570,11 @@ got@^5.0.0:
     unzip-response "^1.0.2"
     url-parse-lax "^1.0.0"
 
-graceful-fs@4.1.10:
+graceful-fs@4.1.10, graceful-fs@^4.1.2, graceful-fs@^4.1.3, graceful-fs@^4.1.6, graceful-fs@^4.1.9:
   version "4.1.10"
   resolved "https://registry.yarnpkg.com/graceful-fs/-/graceful-fs-4.1.10.tgz#f2d720c22092f743228775c75e3612632501f131"
 
-graceful-fs@^4.1.11, graceful-fs@^4.1.2, graceful-fs@^4.1.3, graceful-fs@^4.1.6, graceful-fs@^4.1.9:
+graceful-fs@^4.1.11:
   version "4.1.11"
   resolved "https://registry.yarnpkg.com/graceful-fs/-/graceful-fs-4.1.11.tgz#0e8bdfe4d1ddb8854d64e04ea7c00e2a026e5658"
 
@@ -4557,14 +4557,10 @@ q-io@1.13.2:
     qs "^1.2.1"
     url2 "^0.0.0"
 
-q@1.4.1:
+q@1.4.1, q@^1.0.1, q@^1.1.2:
   version "1.4.1"
   resolved "https://registry.yarnpkg.com/q/-/q-1.4.1.tgz#55705bcd93c5f3673530c2c2cbc0c2b3addc286e"
 
-q@^1.0.1, q@^1.1.2:
-  version "1.5.0"
-  resolved "https://registry.yarnpkg.com/q/-/q-1.5.0.tgz#dd01bac9d06d30e6f219aecb8253ee9ebdc308f1"
-
 qs@6.4.0, qs@~6.4.0:
   version "6.4.0"
   resolved "https://registry.yarnpkg.com/qs/-/qs-6.4.0.tgz#13e26d28ad6b0ffaa91312cd3bf708ed351e7233"

From be5e67a900e99468d09239eb1c6c5f3aac11a472 Mon Sep 17 00:00:00 2001
From: saf0911 <saf0911@gmail.com>
Date: Thu, 11 May 2017 11:17:29 -0500
Subject: [PATCH 2/2] started state practice

---
 src/Reviews.js | 31 +++++++++++++++++++++++++++++--
 1 file changed, 29 insertions(+), 2 deletions(-)

diff --git a/src/Reviews.js b/src/Reviews.js
index 111dbdf..2014710 100644
--- a/src/Reviews.js
+++ b/src/Reviews.js
@@ -4,8 +4,35 @@ import React, {Component} from "react";
 export default class Reviews extends Component {
   constructor(props) {
     super(props);
+    this.state = {
+      reviews: this.props.product.reviews,
+      reviewInfo: "Reviews",
+      reviewDetail: this.props.product.reviewDetail
   }
-  render() {
-    function review
+}
+
+  displayReviews() {
+    return this.state.reviewDetail.map((every, index) =>{
+      return (
+        <h6 key={index}>
+          {every.description}
+      )
+    }
+    )
   }
+
+  render() {
+    if (this.state.reviews <= 1) {
+      this.setState({
+        reviewText: "Review"
+      });
+    }
+    return (
+       <div onClick={this.props.toggleReviews}>
+         {this.state.reviews} {this.state.reviewText}
+        {this.props.showReviews && this.showReviewDetails()}
+      </div>
+    );
+
+-  }
 }