fix chat messages

src/app/shared/chat/messages/messages.page.ts

@@ -41,6 +41,7 @@ import { TableMemberList } from 'src/app/services/Repositorys/chat/data-source/r
 import { TableMessage } from 'src/app/services/Repositorys/chat/data-source/message/message-local-data-source.service';
 import { ChatPopoverPage } from '../../popover/chat-popover/chat-popover.page';
 import { Observable as  DexieObservable } from 'Dexie';
+import { Subscription } from 'rxjs';
 
 const IMAGE_DIR = 'stored-images';
 @Component({
@@ -119,6 +120,8 @@ export class MessagesPage implements OnInit, OnChanges, AfterViewInit, OnDestroy
   roomMessage$: DexieObservable<TableMessage[]>
   roomMembers$:  DexieObservable<TableMemberList[] | undefined>
 
+  newMessagesStream!: Subscription 
+
   constructor(
     public popoverController: PopoverController,
     private modalController: ModalController,
@@ -151,6 +154,20 @@ export class MessagesPage implements OnInit, OnChanges, AfterViewInit, OnDestroy
     this.roomMembers$ = this.roomRepositoryService.getRoomMemberByIdLive(this.roomId) as any
     this.roomRepositoryService.getRoomById(this.roomId)
     this.messageRepositoryService.listAllMessagesByRoomId(this.roomId)
+
+
+    this.newMessagesStream?.unsubscribe()
+    this.newMessagesStream = this.messageRepositoryService.subscribeToNewMessages(this.roomId).subscribe((e) => {
+ 
+      setTimeout(() => {
+        this.scrollToBottomClicked()
+      }, 10)
+      setTimeout(() => {
+        this.scrollToBottomClicked()
+      }, 200)
+      
+    })
+
   }
 
   sendTyping() {}
@@ -424,6 +441,7 @@ export class MessagesPage implements OnInit, OnChanges, AfterViewInit, OnDestroy
     }
 
     this.messageRepositoryService.sendMessage(data)
+    this.textField = ''
   }