feat(frontend): add compact anonymous conversation labels

2026-09-15 13:30:49 +08:00
parent 4d684a71eb
commit f79c80519d
6 changed files with 136 additions and 6 deletions
@@ -10,6 +10,7 @@ import Avatar from 'next/avatar/Avatar.vue';
 import SLACardLabel from './components/SLACardLabel.vue';
 import wootConstants from 'dashboard/constants/globals';
 import { conversationListPageURL } from 'dashboard/helper/URLHelper';
+import { getConversationContactDisplayName } from 'dashboard/helper/conversationHelper';
 import { snoozedReopenTime } from 'dashboard/helper/snoozeHelpers';
 import { useInbox } from 'dashboard/composables/useInbox';
 import { useI18n } from 'vue-i18n';
@@ -71,6 +72,10 @@ const currentContact = computed(() =>
  store.getters['contacts/getContact'](props.chat?.meta?.sender?.id)
 );

+const currentContactName = computed(() =>
+  getConversationContactDisplayName(currentContact.value, props.chat?.id)
+);
+
 const isSnoozed = computed(
  () => currentChat.value.status === wootConstants.STATUS_TYPE.SNOOZED
 );
@@ -132,7 +137,7 @@ const copyConversationId = async () => {
          <span
            class="text-sm font-medium truncate leading-tight text-n-slate-12"
          >
-            {{ currentContact.name }}
+            {{ currentContactName }}
          </span>
          <fluent-icon
            v-if="!isHMACVerified"