From fe87285a3081318f0f1532878d1b76c7e54250ed Mon Sep 17 00:00:00 2001
From: Shivam Mishra <scm.mymail@gmail.com>
Date: Wed, 5 Jul 2023 15:46:02 +0530
Subject: [PATCH] feat: verify if labels are in store

---
 .../conversation/conversation/LabelSuggestion.vue  | 14 ++++++++------
 1 file changed, 8 insertions(+), 6 deletions(-)

diff --git a/app/javascript/dashboard/components/widgets/conversation/conversation/LabelSuggestion.vue b/app/javascript/dashboard/components/widgets/conversation/conversation/LabelSuggestion.vue
index cb0ecfd4e..2c2e2d237 100644
--- a/app/javascript/dashboard/components/widgets/conversation/conversation/LabelSuggestion.vue
+++ b/app/javascript/dashboard/components/widgets/conversation/conversation/LabelSuggestion.vue
@@ -1,5 +1,5 @@
 <template>
-  <li class="label-suggestion right">
+  <li v-if="preparedLabels.length" class="label-suggestion right">
     <div class="wrap">
       <div class="label-suggestion--container">
         <h6 class="label-suggestion--title">Suggested labels</h6>
@@ -57,6 +57,8 @@
 <script>
 import WootButton from '../../../ui/WootButton.vue';
 import Avatar from '../../Avatar.vue';
+import { mapGetters } from 'vuex';
+
 export default {
   name: 'LabelSuggestion',
   components: {
@@ -70,11 +72,11 @@ export default {
     },
   },
   computed: {
+    ...mapGetters({
+      allLabels: 'labels/getLabels',
+    }),
     preparedLabels() {
-      return this.labels.map(label => ({
-        title: label,
-        color: '#252525',
-      }));
+      return this.allLabels.filter(label => this.labels.includes(label.title));
     },
   },
 };
@@ -91,7 +93,7 @@ export default {
   margin-top: var(--space-normal);
 
   .label-suggestion--container {
-    max-width: 280px;
+    max-width: 300px;
   }
 
   .label-suggestion--options {