From 8b43d36152b31cd0da6b981d397e2d1c07cc327d Mon Sep 17 00:00:00 2001
From: Ramon Wenger <ramon.wenger@iterativ.ch>
Date: Wed, 6 Jul 2022 18:00:10 +0200
Subject: [PATCH] Change icon for room entry comment count

Resolves MS-344
---
 client/src/components/rooms/EntryCountWidget.vue | 9 ++++++++-
 client/src/components/rooms/RoomEntry.vue        | 1 +
 2 files changed, 9 insertions(+), 1 deletion(-)

diff --git a/client/src/components/rooms/EntryCountWidget.vue b/client/src/components/rooms/EntryCountWidget.vue
index 9fd5b4ed..58d0a6d7 100644
--- a/client/src/components/rooms/EntryCountWidget.vue
+++ b/client/src/components/rooms/EntryCountWidget.vue
@@ -1,11 +1,12 @@
 <template>
   <div class="entry-count-widget">
-    <cards />
+    <component :is="icon" />
     <span data-cy="entry-count">{{ entryCount }} <template v-if="verbose">{{ entryCount === 1 ? 'Beitrag' : 'Beiträge' }}</template></span>
   </div>
 </template>
 
 <script>
+  import SpeechBubbleIcon from '@/components/icons/SpeechBubbleIcon';
   const Cards = () => import(/* webpackChunkName: "icons" */'@/components/icons/Cards.vue');
 
   export default {
@@ -17,9 +18,15 @@
         type: Boolean,
         default: true,
       },
+      icon: {
+        type: String,
+        default: 'cards'
+      }
     },
 
     components: {
+      'speech-bubble': SpeechBubbleIcon,
+      SpeechBubbleIcon,
       Cards,
     },
   };
diff --git a/client/src/components/rooms/RoomEntry.vue b/client/src/components/rooms/RoomEntry.vue
index f55ef67b..15e72395 100644
--- a/client/src/components/rooms/RoomEntry.vue
+++ b/client/src/components/rooms/RoomEntry.vue
@@ -34,6 +34,7 @@
           />
           <entry-count-widget
             :entry-count="comments"
+            icon="speech-bubble"
             :verbose="false"
           />
         </div>