From b6b86f5a02649a6b16b50a80e1a7c089a3a9b770 Mon Sep 17 00:00:00 2001
From: Vlad Stan <stan.v.vlad@gmail.com>
Date: Tue, 4 Jul 2023 12:18:45 +0300
Subject: [PATCH] feat: show message timestamp

---
 static/components/direct-messages/direct-messages.html | 1 +
 static/components/direct-messages/direct-messages.js   | 3 +++
 2 files changed, 4 insertions(+)

diff --git a/static/components/direct-messages/direct-messages.html b/static/components/direct-messages/direct-messages.html
index 20f1dd5..fe66c12 100644
--- a/static/components/direct-messages/direct-messages.html
+++ b/static/components/direct-messages/direct-messages.html
@@ -41,6 +41,7 @@
           <div class="chat-messages" style="height: 45vh">
             <q-chat-message v-for="(dm, index) in messagesAsJson" :key="index" :name="dm.incoming ? 'customer': 'me'"
               :text="dm.isJson ? [] : [dm.message]" :sent="!dm.incoming"
+              :stamp="dm.dateFrom"
               :bg-color="dm.incoming ? 'white' : 'light-green-2'" :class="'chat-mesage-index-'+index">
               <div v-if="dm.isJson">
                 <div v-if="dm.message.type === 0">
diff --git a/static/components/direct-messages/direct-messages.js b/static/components/direct-messages/direct-messages.js
index 7c8b6e3..06cdca7 100644
--- a/static/components/direct-messages/direct-messages.js
+++ b/static/components/direct-messages/direct-messages.js
@@ -16,16 +16,19 @@ async function directMessages(path) {
     computed: {
       messagesAsJson: function () {
         return this.messages.map(m => {
+          const dateFrom =  moment(m.event_created_at * 1000).fromNow()
           try {
             const message = JSON.parse(m.message)
             return {
               isJson: message.type >= 0,
+              dateFrom,
               ...m,
               message
             }
           } catch (error) {
             return {
               isJson: false,
+              dateFrom,
               ...m,
               message: m.message
             }