From 74d9203868fff879b09e2ed04743cb0963823ef0 Mon Sep 17 00:00:00 2001
From: Nithin David Thomas <1277421+nithindavid@users.noreply.github.com>
Date: Mon, 14 Feb 2022 15:46:20 +0530
Subject: [PATCH] feat: Show the sender email address (#3974)

---
 .../components/widgets/conversation/bubble/MailHead.vue   | 8 ++++++++
 app/javascript/dashboard/i18n/locale/en/conversation.json | 1 +
 2 files changed, 9 insertions(+)

diff --git a/app/javascript/dashboard/components/widgets/conversation/bubble/MailHead.vue b/app/javascript/dashboard/components/widgets/conversation/bubble/MailHead.vue
index 6293e86c8..43112a5c8 100644
--- a/app/javascript/dashboard/components/widgets/conversation/bubble/MailHead.vue
+++ b/app/javascript/dashboard/components/widgets/conversation/bubble/MailHead.vue
@@ -4,6 +4,10 @@
     class="message__mail-head"
     :class="{ 'is-incoming': isIncoming }"
   >
+    <div v-if="fromMail" class="meta-wrap">
+      <span class="message__content--type">{{ $t('EMAIL_HEADER.FROM') }}:</span>
+      <span>{{ fromMail }}</span>
+    </div>
     <div v-if="toMails" class="meta-wrap">
       <span class="message__content--type">{{ $t('EMAIL_HEADER.TO') }}:</span>
       <span>{{ toMails }}</span>
@@ -46,6 +50,10 @@ export default {
     },
   },
   computed: {
+    fromMail() {
+      const from = this.emailAttributes.from;
+      return from.join(', ');
+    },
     toMails() {
       const to = this.emailAttributes.to || [];
       return to.join(', ');
diff --git a/app/javascript/dashboard/i18n/locale/en/conversation.json b/app/javascript/dashboard/i18n/locale/en/conversation.json
index c545502ec..77a273ead 100644
--- a/app/javascript/dashboard/i18n/locale/en/conversation.json
+++ b/app/javascript/dashboard/i18n/locale/en/conversation.json
@@ -184,6 +184,7 @@
     }
   },
   "EMAIL_HEADER": {
+    "FROM": "From",
     "TO": "To",
     "BCC": "Bcc",
     "CC": "Cc",