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

Commit 12c4ac0

Browse files
Merge pull request #94 from rkpattnaik780/testimonial-duplicate-key
provide different keys for icons used in testimonials.
2 parents f189b3f + ce10750 commit 12c4ac0

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)