improve

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

@@ -187,7 +187,14 @@
 </ion-content>
 
 <ion-footer>
-  <div class="typing" *ngIf="wsChatMethodsService.getGroupRoom(roomId).otherUserType == true" >A escrever...</div>
+  <div class="typing" >
+    <ngx-letters-avatar
+    [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>
       <button class="btn-no-color" (click)="openChatOptions()">

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

@@ -163,7 +163,17 @@
 </ion-footer> -->
 
 <ion-footer>
-  <div class="typing" *ngIf="wsChatMethodsService.getDmRoom(roomId).otherUserType == true" >A escrever...</div>
+
+
+  <div class="typing"  *ngIf="wsChatMethodsService.getDmRoom(roomId).otherUserType == true">
+    <ngx-letters-avatar
+    [avatarName]=  "wsChatMethodsService.getGroupRoom(roomId).name"
+    [width]="30" 
+    [circular]="true"
+    fontFamily="Open Sans"></ngx-letters-avatar>
+    A escrever...
+  </div>
+
   <ion-list hidden>
     <ion-item (click)="playFile(storedFileNames)">
       {{storedFileNames}}

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)
 
   }

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

@@ -198,7 +198,7 @@
 
 <ion-footer>
   
-  <div class="typing" >
+  <div class="typing" *ngIf="wsChatMethodsService.getDmRoom(roomId).otherUserType == true" >
     <ngx-letters-avatar *ngIf="showAvatar"
     [avatarName]=  "wsChatMethodsService.getDmRoom(roomId).name"
     [width]="30"