reflect to mobile

src/app/ui/chat/component/messages/messages.page.html

@@ -164,9 +164,8 @@
 
 
   <ion-fab horizontal="start" vertical="bottom" slot="fixed">
-
-    <div #array>
-
+    <div *ngFor="let user of userTyping$; let i = index">
+      {{ user }} <ng-container *ngIf="i == userTyping$.length - 1">... </ng-container>
     </div>
   </ion-fab>
 

src/app/ui/chat/component/messages/messages.page.ts

@@ -124,7 +124,7 @@ export class MessagesPage implements OnInit, OnChanges, AfterViewInit, OnDestroy
   roomStatus$: DexieObservable<Boolean >
   roomMessage$: DexieObservable<MessageTable[]>
   roomMembers$:  Observable<MemberTable[] | undefined>
-  userTyping$:  TypingTable[] | undefined
+  userTyping$:  string[]
   newMessagesStream!: Subscription
 
   selectedMessage: any = null;
@@ -253,15 +253,9 @@ export class MessagesPage implements OnInit, OnChanges, AfterViewInit, OnDestroy
     this.messageTypingSubject?.unsubscribe()
     this.messageTypingSubject  = this.userTypingLocalRepository.getUserTypingLiveByRoomId(this.room.id).subscribe((e) => {
       const arrayNames = e.filter((b)=> b.userId != SessionStore.user.UserId).map(e => e.userName)
-      this.userTyping$ = e as any
 
       const uniqueArray = [...new Set(arrayNames)];
-
-      if(uniqueArray.length >= 1) {
-        (this.myInputRef.nativeElement as HTMLDivElement).innerHTML =  uniqueArray + '...'
-      } else {
-        (this.myInputRef.nativeElement as HTMLDivElement).innerHTML = ''
-      }
+      this.userTyping$ = uniqueArray
 
     }) as any
 
@@ -827,7 +821,7 @@ export class MessagesPage implements OnInit, OnChanges, AfterViewInit, OnDestroy
       // })
 
       this.room.id = message.value.roomId
-      this.subscribeToChanges()
+      // this.subscribeToChanges()
     }
   }