From bd879275765e12a7d7d6728a2190297a12714ec1 Mon Sep 17 00:00:00 2001
From: Nithin David Thomas <webofnithin@gmail.com>
Date: Fri, 3 Jul 2020 23:25:33 +0530
Subject: [PATCH] Add icon show last reply is from agent on conversation list
 #997

---
 .../assets/scss/widgets/_conversation-card.scss          | 5 +++++
 .../components/widgets/conversation/ConversationCard.vue | 9 +++++++++
 2 files changed, 14 insertions(+)

diff --git a/app/javascript/dashboard/assets/scss/widgets/_conversation-card.scss b/app/javascript/dashboard/assets/scss/widgets/_conversation-card.scss
index 39e4b4464..95fcf7699 100644
--- a/app/javascript/dashboard/assets/scss/widgets/_conversation-card.scss
+++ b/app/javascript/dashboard/assets/scss/widgets/_conversation-card.scss
@@ -78,6 +78,11 @@
       font-size: $font-size-mini;
       vertical-align: top;
     }
+
+    .message-from-agent {
+      color: $color-gray;
+      font-size: $font-size-mini;
+    }
   }
 
   .conversation--meta {
diff --git a/app/javascript/dashboard/components/widgets/conversation/ConversationCard.vue b/app/javascript/dashboard/components/widgets/conversation/ConversationCard.vue
index 0f3a2cd66..4e1d631b9 100644
--- a/app/javascript/dashboard/components/widgets/conversation/ConversationCard.vue
+++ b/app/javascript/dashboard/components/widgets/conversation/ConversationCard.vue
@@ -24,6 +24,7 @@
         </span>
       </h4>
       <p v-if="lastMessageInChat" class="conversation--message">
+        <i v-if="messageByAgent" class="ion-ios-undo message-from-agent"></i>
         <span v-if="lastMessageInChat.content">
           {{ lastMessageInChat.content }}
         </span>
@@ -44,6 +45,8 @@
 </template>
 <script>
 import { mapGetters } from 'vuex';
+import { MESSAGE_TYPE } from 'widget/helpers/constants';
+
 import Thumbnail from '../Thumbnail';
 import conversationMixin from '../../../mixins/conversations';
 import timeMixin from '../../../mixins/time';
@@ -115,6 +118,12 @@ export default {
     lastMessageInChat() {
       return this.lastMessage(this.chat);
     },
+
+    messageByAgent() {
+      const lastMessage = this.lastMessageInChat;
+      const { message_type: messageType } = lastMessage;
+      return messageType === MESSAGE_TYPE.OUTGOING;
+    },
   },
 
   methods: {