receive user typing

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

@@ -28,6 +28,7 @@
           </ng-container>
         </ion-list>
 
+
       </div>
     </div>
     <ion-refresher name="refresher" slot="fixed" (ionRefresh)="doRefresh($event)">
@@ -56,6 +57,34 @@
     </ion-fab-button>
   </ion-fab>
 
+
+
+  <ion-fab horizontal="start" vertical="bottom" slot="fixed">
+
+    <div #array>
+
+    </div>
+  </ion-fab>
+
+
+    <!-- <div *ngIf="userTyping$?.typingList?.typingList">
+
+    <div
+      *ngFor="let message of userTyping$.typingList.typingList " class="messages-list-item-wrapper"
+    >
+      {{ message.userName }}
+    </div>
+  </div>
+ -->
+  <!-- <div *ngIf="userTyping$" class="header-bottom-contacts" >
+
+    <div *ngFor="let typing of userTyping$; let i = index">
+      {{ typing.userName }}<div *ngIf="i < userTyping$.length - 1">, </div>
+    </div>
+  </div>
+ -->
+
+
 </ion-content>