feat: show message timestamp

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

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
             }