diff --git a/website/client/components/notifications.vue b/website/client/components/notifications.vue index 164c5c13cd..f3dc4c4fda 100644 --- a/website/client/components/notifications.vue +++ b/website/client/components/notifications.vue @@ -247,7 +247,7 @@ export default { // Append Bonus if (money > 0 && Boolean(bonus)) { if (bonus < 0.01) bonus = 0.01; - this.text(`+ ${this.coins(bonus)} ${this.$t('streakCoins')}`); + this.streak(`+ ${this.coins(bonus)}`); delete this.user._tmp.streakBonus; } }, diff --git a/website/client/components/snackbars/notification.vue b/website/client/components/snackbars/notification.vue index 3732be3ae3..b31c5a9f9e 100644 --- a/website/client/components/snackbars/notification.vue +++ b/website/client/components/snackbars/notification.vue @@ -4,6 +4,12 @@ transition(name="fade") .row(v-if='notification.type === "error"') .text.col-12 div(v-html='notification.text') + .row(v-if='notification.type === "streak"') + .text.col-7.offset-1 + div {{message}} + .icon.col-4 + div.svg-icon(v-html="icons.gold") + div(v-html='notification.text') .row(v-if='["hp", "gp", "xp", "mp"].indexOf(notification.type) !== -1') .text.col-7.offset-1 div @@ -145,6 +151,7 @@ export default { if (this.notification.type === 'mp') localeKey += 'Mana'; if (this.notification.type === 'xp') localeKey += 'Experience'; if (this.notification.type === 'gp') localeKey += 'Gold'; + if (this.notification.type === 'streak') localeKey = 'streakCoins'; return this.$t(localeKey); // This requires eight translatable strings, but that gives the translators the most flexibility for matching gender/number and for using idioms for lost/spent/used/gained. }, diff --git a/website/client/mixins/notifications.js b/website/client/mixins/notifications.js index 8f6fa666ce..f58064a54e 100644 --- a/website/client/mixins/notifications.js +++ b/website/client/mixins/notifications.js @@ -52,7 +52,7 @@ export default { })); }, streak (val) { - this.notify(`${this.$t('streaks')}: ${val}`, 'streak', 'glyphicon glyphicon-repeat'); + this.notify(`${val}`, 'streak'); }, text (val, onClick) { if (!val) return;