rename Message keys

Author: supalarry

frontend/src/components/app/matches/Chat.vue

@@ -63,9 +63,9 @@ export default {
     determineFirstMessagesOfTimespans(messages) {
       const len = messages.length;
       for (let i = 0; i < len; i += 1) {
-        if (this.displayDate(messages[i].timestamp)) {
+        if (this.displayDate(messages[i].dt_sent)) {
           messages[i].first_in_timespan = true;
-          messages[i].timestamp_first = this.getDayMonthday(messages[i].timestamp);
+          messages[i].timestamp_first = this.getDayMonthday(messages[i].dt_sent);
         } else {
           messages[i].first_in_timespan = false;
         }
@@ -112,8 +112,9 @@ export default {
       const messagesRequest = await this.$http.get(`/conversations/${this.chatWithUserId}`);
       const newMessages = messagesRequest.data.messages;
       const oldMessageCount = this.messages.length;
-      this.determineFirstMessagesOfTimespans(newMessages);
       this.messages = newMessages;
+      this.latestMessagesDate = null;
+      this.determineFirstMessagesOfTimespans(this.messages);
       if (newMessages.length > oldMessageCount) {
         this.$emit('new-message');
         this.scrollChatToBottom();

frontend/src/components/app/matches/Message.vue

@@ -21,7 +21,7 @@
     <div class="ml-4 w-full">
       <div class="flex justify-between">
         <h1 class="font-bold">{{this.match.first_name}}</h1>
-        <h1 class="text-sm opacity-50">{{this.message.last_message_timestamp_ago}}</h1>
+        <h1 class="text-sm opacity-50">{{this.message.last_message_dt_sent_ago}}</h1>
       </div>
       <h1 v-bind:class="{'opacity-50': this.message.is_unseen}">{{getMessage}}</h1>
     </div>

frontend/src/components/app/matches/MessageBubble.vue

@@ -18,11 +18,11 @@
             'bg-purple-matcha': message.to_id === loggedInUserId,
             'bg-green-500': message.to_id !== loggedInUserId,
             'text-white-matcha': true}"
-    >{{message.content}}<span class="block text-sm font-light">{{getDateHoursMinutes(message.timestamp)}}</span></h1>
+    >{{message.content}}<span class="block text-sm font-light">{{getDateHoursMinutes(message.dt_sent)}}</span></h1>
     <img v-if="message.to_id === loggedInUserId && message.is_liked"
          src="../../../assets/heartGreen.png" class="w-6 ml-2 inline-block absolute heart"
          v-on:dblclick="likeMessage(message.id, message.is_liked)">
-    <h1 v-if="last" class="text-gray-600">{{getSeenMessage(message.is_seen, message.timestamp_ago)}}</h1>
+    <h1 v-if="last" class="text-gray-600">{{getSeenMessage(message.is_seen, message.dt_seen_ago)}}</h1>
   </div>
 </template>