diff --git a/src/Reviews.js b/src/Reviews.js
new file mode 100644
index 0000000..2014710
--- /dev/null
+++ b/src/Reviews.js
@@ -0,0 +1,38 @@
+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
+  }
+}
+
+  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>
+    );
+
+-  }
+}
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"