improve(desktop): improve code for new message notifications

src/components/MessageList.vue

@@ -36,7 +36,7 @@ export default class MessageList extends Vue {
 
   public showMessages: MessageModel[] = []
   public showLoadingIcon: boolean = false
-  public loadinSwitch = true
+  public loadSwitch = true
   private scrollOffset: { offset: number; mode: 'before' | 'after' } = {
     offset: Number.MAX_SAFE_INTEGER,
     mode: 'before',
@@ -52,7 +52,7 @@ export default class MessageList extends Vue {
 
   @Watch('scrollOffset')
   private async handleScrollOffsetChanged(val: MessageList['scrollOffset'], oldVal: MessageList['scrollOffset']) {
-    if (this.loadinSwitch && this.showLoadingIcon === false && val.offset === 0) {
+    if (this.loadSwitch && this.showLoadingIcon === false && val.offset === 0) {
       this.$emit('loadMoreMsg', val.mode)
     }
   }

src/components/MsgTip.vue

@@ -1,6 +1,6 @@
 <template>
   <el-button v-if="count > 0" class="primary-btn new-msg-tip" icon="el-icon-bottom" @click="handleClick">
-    {{ count }} {{ count === 1 ? $t('common.newMsg') : $t('common.newMsgs') }}
+    {{ $tc('common.newMsg', count, { count }) }}
   </el-button>
 </template>
 

src/lang/common.ts

@@ -259,17 +259,10 @@ export default {
     hu: 'Soha ne járjon le',
   },
   newMsg: {
-    zh: '条新消息',
-    en: 'new message',
-    tr: 'yeni mesaj',
-    ja: '新しいメッセージ',
-    hu: 'új üzenet',
-  },
-  newMsgs: {
-    zh: '条新消息',
-    en: 'new messages',
-    tr: 'yeni mesajlar',
-    ja: '新しいメッセージ',
-    hu: 'új üzenetek',
+    zh: '{count} 条新消息 | {count} 条新消息',
+    en: '{count} new message | {count} new messages',
+    tr: '{count} yeni mesaj | {count} yeni mesaj',
+    ja: '{count}件の新しいメッセージ | {count}件の新しいメッセージ',
+    hu: '{count} új üzenet | {count} új üzenet',
   },
 }

src/views/connections/ConnectionsDetail.vue

@@ -1093,14 +1093,14 @@ export default class ConnectionsDetail extends Vue {
         const msgListRef = this.getMsgListRef()
         const msgListDOM = msgListRef?.$el
         if (msgListDOM) {
-          msgListRef.loadinSwitch = false
+          msgListRef.loadSwitch = false
           msgListDOM.scrollTo({
             top: msgListDOM.scrollHeight + 160,
             left: 0,
             behavior: 'smooth',
           })
           await delay(1000)
-          msgListRef.loadinSwitch = true
+          msgListRef.loadSwitch = true
         }
       }, 100)
     })