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 @@