update chat, make it render

src/app/services/chat/room.service.ts

@@ -25,6 +25,7 @@ import { ChatSystemService } from './chat-system.service';
 import { ViewedMessageService } from './viewed-message.service'
 import * as FIFOProcessQueue from 'fifo-process-queue';
 import { NotificationsService } from '../notifications.service';
+import { ChangeDetectorRef } from '@angular/core';
 
 @Injectable({
   providedIn: 'root'
@@ -84,6 +85,7 @@ export class RoomService {
 
   sortRoomList = () => { }
   chatServiceDeleteRoom = (roomId) => { }
+  private changeDetector: Function = () => {}
 
   constructor(
     public RochetChatConnectorService: RochetChatConnectorService,
@@ -190,6 +192,11 @@ export class RoomService {
 
   }
 
+  setChangeDetector(x:Function) {
+    console.log("set change detector")
+    this.changeDetector = x
+  }
+
   get online() {
 
     if (!this.isGroup) {
@@ -372,8 +379,6 @@ export class RoomService {
       }
 
       this.messageUnread = true
-
-      // this.sortRoomList()
       setTimeout(() => {
         this.scrollDown()
       }, 50)
@@ -386,6 +391,7 @@ export class RoomService {
       this.name = ChatMessage.msg
     }
 
+    this.changeDetector()
     setTimeout(() => {
       done()
     }, 5)