Add reviews to styleguidist

Author: Eugene Glova

fixtures/sample-product-reviews-pending.json

@@ -0,0 +1 @@
+{"result":[{"sku":"288022_760","id":5,"archivedAt":null,"scope":"1","updatedAt":"2017-05-26T20:26:04.306Z","title":null,"createdAt":"2017-05-26T20:26:04.306Z","attributes":{"status":{"t":"string","v":"pending"},"imageUrl":{"t":"string","v":"http:\/\/demandware.edgesuite.net\/sits_pod20-adidas\/dw\/image\/v2\/aaqx_prd\/on\/demandware.static\/-\/Sites-adidas-products\/en_US\/dwa2a8fa86\/zoom\/288022_01_standard.jpg"},"productName":{"t":"string","v":"adilette Slides"}},"rating":null,"userId":"7","userName":"tester"}],"pagination":{"total":1},"max_score":0}

fixtures/sample-product-reviews.json

@@ -0,0 +1 @@
+{"result":[{"sku":"BW0549_620","id":2,"archivedAt":null,"scope":"1","updatedAt":"2017-05-26T00:43:23.394Z","title":"Something about these shoes","createdAt":"2017-05-26T00:41:16.228Z","attributes":{"status":{"t":"string","v":"submitted"},"body":{"t":"string","v":"They didn't quite fit my feet so I'm thinking about asking for a refund."},"title":{"t":"string","v":"Something about these shoes"}},"rating":null,"userId":"9","userName":"test tester"},{"sku":"BW0549_620","id":1,"archivedAt":null,"scope":"1","updatedAt":"2017-05-25T23:37:13.616Z","title":"Testing writing a review through pure","createdAt":"2017-05-25T23:00:25.272Z","attributes":{"title":{"t":"string","v":"Testing writing a review through pure"},"status":{"t":"string","v":"submitted"},"body":{"t":"string","v":"My review of these shoes would help no one."},"imageUrl":{"t":"string","v":"http:\/\/demandware.edgesuite.net\/sits_pod20-adidas\/dw\/image\/v2\/aaqx_prd\/on\/demandware.static\/-\/Sites-adidas-products\/default\/dw3c2f754d\/zoom\/BW0549_01_standard.jpg"},"productName":{"t":"string","v":"Harden Vol. 1 \"No Brakes\" Shoes"}},"rating":null,"userId":"7","userName":"tester"}],"pagination":{"total":2},"max_score":0}

src/components/product-reviews-list/product-reviews-list.md

@@ -0,0 +1,32 @@
+#### Example
+
+##### Sample reviews
+
+```
+<div style={{maxWidth: '1080px'}}>
+  <ProductReviewsList
+    title="Reviews"
+    emptyContentTitle="There are no reviews for this product"
+    listItems={sampleProductReviews.result}
+    isLoading={false}
+    paginationSize={5}
+    onLoadMoreReviews={()=>{alert('load more')}}
+    showLoadMore={_.size(sampleProductReviews.result) < sampleProductReviews.pagination.total}
+  />
+</div>
+```
+##### No reviews or only pending reviews
+
+```
+<div style={{maxWidth: '1080px'}}>
+  <ProductReviewsList
+    title="Reviews"
+    emptyContentTitle="There are no reviews for this product"
+    listItems={sampleProductReviewsPending.result}
+    isLoading={false}
+    paginationSize={5}
+    onLoadMoreReviews={()=>{alert('load more')}}
+    showLoadMore={_.size(sampleProductReviewsPending.result) < sampleProductReviewsPending.pagination.total}
+  />
+</div>
+```

styleguide.config.js

@@ -20,6 +20,8 @@ module.exports = {
   context: {
     sampleProduct: path.resolve(__dirname, 'fixtures/sample-product.json'),
     sampleRelatedProducts: path.resolve(__dirname, 'fixtures/sample-related-products.json'),
+    sampleProductReviews: path.resolve(__dirname, 'fixtures/sample-product-reviews.json'),
+    sampleProductReviewsPending: path.resolve(__dirname, 'fixtures/sample-product-reviews-pending.json'),
   },
   sections: [
     {
@@ -46,6 +48,7 @@ module.exports = {
           components: () => ([
             path.resolve(__dirname, 'src/components/pdp/pdp.jsx'),
             path.resolve(__dirname, 'src/components/related-products-list/related-products-list.jsx'),
+            path.resolve(__dirname, 'src/components/product-reviews-list/product-reviews-list.jsx'),
           ]),
         },
       ],