Skip to content
This repository was archived by the owner on Mar 2, 2022. It is now read-only.

Commit d52940a

Browse files
committed
provide different keys for icons used in testimonials.
The icons rendered in Testimonial component had same value for key being in the same level. Suffixes have been added to make the keys distinguishable. fixes #93
1 parent cb006d3 commit d52940a

File tree

1 file changed

+2
-2
lines changed

1 file changed

+2
-2
lines changed

src/components/Testimonial.vue

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -2,8 +2,8 @@
22
<b-card-group class="testimonialContainer">
33
<b-card v-for="testimonial in testimonials" class="testimonial" :key="testimonial.id">
44
<div id="hearts">
5-
<i class="material-icons" v-for="n in testimonial.stars" :key="n" style="text-align: center; color: #dc3545;">favorite</i>
6-
<i class="material-icons" v-for="n in 5 - testimonial.stars" :key="n" style="text-align: center; color: #dc3545;">favorite_border</i>
5+
<i class="material-icons" v-for="n in testimonial.stars" :key="n + '-a'" style="text-align: center; color: #dc3545;">favorite</i>
6+
<i class="material-icons" v-for="n in 5 - testimonial.stars" :key="n + '-b'" style="text-align: center; color: #dc3545;">favorite_border</i>
77
</div>
88
<blockquote class="blockquote mb-0">
99
<p style="font-size: 16px">{{ testimonial.testimonial }}</p>

0 commit comments

Comments
 (0)