All reviews

Author: stevenrobijns

cli-socks/src/components/Product.vue

@@ -11,6 +11,12 @@
           <i v-for="i in averageReviewScore" class="fa fa-star" :key="i"></i>
         </h1>
 
+        <div>All reviews:</div>
+        <div v-for="j in product.reviews" :key="j.name+j.rating">
+            <label>{{ j.name}}: </label>
+            <i v-for="k in j.rating" class="fa fa-star" :key="k"></i>
+        </div>
+
         <div>
           <p v-if="product.inventory > 10">In Stock</p>
           <p v-else-if="product.inventory">Almost sold out</p>
@@ -50,6 +56,7 @@ import ProductReview from './ProductReview.vue';
     ProductReview
   }
 })
+
 export default class Product extends Vue {
   @Prop({default: false}) private premium!: boolean;
 
@@ -74,7 +81,7 @@ export default class Product extends Vue {
     if (!this.product.reviews.length) {
       return null;
     }
-    return Math.round(this.product.reviews.reduce((a, c) => a + c, 0) / this.product.reviews.length);
+    return Math.round(this.product.reviews.map(x => x.rating).reduce((a, c) => a + c, 0) / this.product.reviews.length);
   }
 
   addToCart() {
@@ -85,7 +92,7 @@ export default class Product extends Vue {
 
   addReview(review: any) {
     const reviews = this.product.reviews as any;
-    reviews.push(review.rating);
+    reviews.push(review);
   }
 }
 </script>