improve

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

@@ -203,7 +203,17 @@
 </ion-content>
 
 <ion-footer>
-  <div class="typing" *ngIf="wsChatMethodsService.getGroupRoom(roomId).otherUserType == true" >A escrever...</div>
+  <!-- <div class="typing" *ngIf="wsChatMethodsService.getGroupRoom(roomId).otherUserType == true" >A escrever...</div> -->
+
+  <div class="typing" *ngIf="wsChatMethodsService.getGroupRoom(roomId).otherUserType == true">
+    <ngx-letters-avatar *ngIf="showAvatar"
+    [avatarName]=  "wsChatMethodsService.getGroupRoom(roomId).name"
+    [width]="30" 
+    [circular]="true"
+    fontFamily="Open Sans"></ngx-letters-avatar>
+    {{ wsChatMethodsService.getGroupRoom(roomId).userThatIsTyping }} A escrever...
+  </div>
+
 
   <div class="container width-100 d-flex">
     <div>

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

@@ -85,6 +85,7 @@ export class GroupMessagesPage implements OnInit, OnChanges, AfterViewInit, OnDe
 
   pdfurl = "http://www.africau.edu/images/default/sample.pdf";
   downloadFile: any;
+  showAvatar = false
 
   constructor(
     public wsChatMethodsService: WsChatMethodsService,
@@ -126,8 +127,11 @@ export class GroupMessagesPage implements OnInit, OnChanges, AfterViewInit, OnDe
     this.wsChatMethodsService.openRoom(this.roomId)
     this.wsChatMethodsService.getGroupRoom(this.roomId).scrollDown = this.scrollToBottomClicked
 
+    this.showAvatar = false
+
     setTimeout(()=>{
       this.scrollToBottomClicked()
+      this.showAvatar = true
     }, 50)
 
   }