KumiSystems/Chatwoot
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

chore: Snackbar duplicate key warnings (#2121)

Browse source 
* fix the duplicate key warning in woot snackbar

* review fixes

* remove console.log

Co-authored-by: Nithin David <webofnithin@gmail.com>
This commit is contained in:
Muhsin Keloth 2021-04-19 22:21:59 +05:30 • committed by GitHub
parent 654893b6d7
commit 773557e49b
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 3 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

7
app/javascript/dashboard/components/SnackbarContainer.vue
View file

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