From 773557e49be3ee432ddf1ecb0820943076f69c62 Mon Sep 17 00:00:00 2001
From: Muhsin Keloth <muhsinkeramam@gmail.com>
Date: Mon, 19 Apr 2021 22:21:59 +0530
Subject: [PATCH] chore: Snackbar duplicate key warnings  (#2121)

* fix the duplicate key warning in woot snackbar

* review fixes

* remove console.log

Co-authored-by: Nithin David <webofnithin@gmail.com>
---
 app/javascript/dashboard/components/SnackbarContainer.vue | 7 +++----
 1 file changed, 3 insertions(+), 4 deletions(-)

diff --git a/app/javascript/dashboard/components/SnackbarContainer.vue b/app/javascript/dashboard/components/SnackbarContainer.vue
index 294dc6185..8414afc7e 100644
--- a/app/javascript/dashboard/components/SnackbarContainer.vue
+++ b/app/javascript/dashboard/components/SnackbarContainer.vue
@@ -2,14 +2,13 @@
   <transition-group name="toast-fade" tag="div" class="ui-snackbar-container">
     <woot-snackbar
       v-for="snackMessage in snackMessages"
-      :key="snackMessage"
-      :message="snackMessage"
+      :key="snackMessage.key"
+      :message="snackMessage.message"
     />
   </transition-group>
 </template>
 
 <script>
-/* global bus */
 import WootSnackbar from './Snackbar';
 
 export default {
@@ -31,7 +30,7 @@ export default {
 
   mounted() {
     bus.$on('newToastMessage', message => {
-      this.snackMessages.push(message);
+      this.snackMessages.push({ key: new Date().getTime(), message });
       window.setTimeout(() => {
         this.snackMessages.splice(0, 1);
       }, this.duration);