new chat message update messages left bar

Author: supalarry

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

@@ -82,6 +82,7 @@ export default {
       });
       this.messages.push({ to_id: this.chatWithUserId, content: this.message });
       this.message = '';
+      this.$emit('new-message');
       this.scrollChatToBottom();
     },
     async fetchNewMessages() {
@@ -91,6 +92,7 @@ export default {
         for (let i = this.messages.length; i < newMessages.length; i += 1) {
           this.messages.push(newMessages[i]);
         }
+        this.$emit('new-message');
         this.scrollChatToBottom();
       }
     },

frontend/src/views/app/Matches.vue

@@ -43,6 +43,7 @@
       md:relative md:ml-4"
             v-if="chatWithUserId"
             v-bind:chatWithUserId="chatWithUserId"
+            v-on:new-message="fetchMessages"
             v-on:close-chat="closeChat()"></Chat>
       <div v-if="!chatWithUserId" class="text-center pl-8 py-8 w-full max-w-2xl invisible md:visible md:relative md:ml-4">
         <div v-if="!matches.length && !messages.length">