diff --git a/app/javascript/dashboard/components/widgets/conversation/MessagesView.vue b/app/javascript/dashboard/components/widgets/conversation/MessagesView.vue index 2d123fac4..227d19022 100644 --- a/app/javascript/dashboard/components/widgets/conversation/MessagesView.vue +++ b/app/javascript/dashboard/components/widgets/conversation/MessagesView.vue @@ -238,13 +238,17 @@ export default { return this.currentChat.unread_count || 0; }, unreadMessageLabel() { - const count = - this.unreadMessageCount > 9 ? '9+' : this.unreadMessageCount; - const label = - this.unreadMessageCount > 1 - ? this.$t('CONVERSATION.UNREAD_MESSAGES') - : this.$t('CONVERSATION.UNREAD_MESSAGE'); - return `${count} ${label}`; + if (this.unreadMessageCount <= 1) { + return this.$t('CONVERSATION.SINGLE_UNREAD_MESSAGE'); + } + + if (this.unreadMessageCount > 9) { + return this.$t('CONVERSATION.UNREAD_COUNT_OVERFLOW'); + } + + return this.$t('CONVERSATION.UNREAD_COUNT', { + count: this.unreadMessageCount, + }); }, isInstagramDM() { return this.conversationType === 'instagram_direct_message'; diff --git a/app/javascript/dashboard/i18n/locale/en/conversation.json b/app/javascript/dashboard/i18n/locale/en/conversation.json index 2847f4821..c4a5a36f1 100644 --- a/app/javascript/dashboard/i18n/locale/en/conversation.json +++ b/app/javascript/dashboard/i18n/locale/en/conversation.json @@ -25,6 +25,9 @@ "PLACEHOLDER": "Type any text to search messages", "NO_MATCHING_RESULTS": "No results found." }, + "UNREAD_COUNT": "{count} Unread Messages", + "UNREAD_COUNT_OVERFLOW": "9+ Unread Messages", + "SINGLE_UNREAD_MESSAGE": "1 Unread Message", "UNREAD_MESSAGES": "Unread Messages", "UNREAD_MESSAGE": "Unread Message", "CLICK_HERE": "Click here",