diff --git a/app/javascript/dashboard/i18n/locale/en/search.json b/app/javascript/dashboard/i18n/locale/en/search.json index 9044bf5f9..107e64fd8 100644 --- a/app/javascript/dashboard/i18n/locale/en/search.json +++ b/app/javascript/dashboard/i18n/locale/en/search.json @@ -18,6 +18,8 @@ "EMPTY_STATE_DEFAULT": "Search by conversation id, email, phone number, messages for better search results. ", "BOT_LABEL": "Bot", "READ_MORE": "Read more", - "WROTE": "wrote:" + "WROTE": "wrote:", + "FROM": "from", + "EMAIL": "email" } } diff --git a/app/javascript/dashboard/modules/search/components/SearchResultConversationItem.vue b/app/javascript/dashboard/modules/search/components/SearchResultConversationItem.vue index 2e176f76e..0ca574af2 100644 --- a/app/javascript/dashboard/modules/search/components/SearchResultConversationItem.vue +++ b/app/javascript/dashboard/modules/search/components/SearchResultConversationItem.vue @@ -20,10 +20,16 @@ {{ createdAtTime }} -
- from: - {{ name }} -
+
+
+ {{ $t('SEARCH.FROM') }}: + {{ name }} +
+
+ {{ $t('SEARCH.EMAIL') }}: + {{ email }} +
+
@@ -52,6 +58,10 @@ export default { type: String, default: '', }, + email: { + type: String, + default: '', + }, accountId: { type: [String, Number], default: '', @@ -128,8 +138,13 @@ export default { flex-grow: 1; min-width: 0; } -.conversation-id, + .name { + flex-shrink: 0; +} +.conversation-id, +.name, +.email { margin: 0; } .created-at, @@ -138,4 +153,9 @@ export default { font-size: var(--font-size-mini); font-weight: var(--font-weight-normal); } + +.user-details { + display: flex; + gap: var(--space-small); +} diff --git a/app/javascript/dashboard/modules/search/components/SearchResultConversationsList.vue b/app/javascript/dashboard/modules/search/components/SearchResultConversationsList.vue index 6c8241e30..a598d92d3 100644 --- a/app/javascript/dashboard/modules/search/components/SearchResultConversationsList.vue +++ b/app/javascript/dashboard/modules/search/components/SearchResultConversationsList.vue @@ -11,6 +11,7 @@