fix

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

@@ -198,6 +198,7 @@
 
         <app-contacts
           (openMessage)="openMessagesPage($event)"
+          (emptyTextDescriptionOpen)="emptyTextDescriptionOpen()"
           *ngIf="showContacts"
           [style.display]="showContacts ? 'flex' : 'none'"
            class=" height-100 flex-column">
@@ -205,6 +206,7 @@
 
         <app-new-group
           (addGroupMessage)="openGroupContactsPage($event)"
+          (closeAllDesktopComponents)="closeAllDesktopComponents()"
           [style.display]="showNewGroup ? 'flex' : 'none'"
            class=" height-100 flex-column">
         </app-new-group>

src/app/pages/chat/chat.page.ts

@@ -599,6 +599,12 @@ export class ChatPage implements OnInit {
 
   }
 
+
+  async emptyTextDescriptionOpen() {
+    this.closeAllDesktopComponents()
+    this.showEmptyComponent = true
+  }
+
   async getGroups(event?) {
     this.result = this.chatService.getAllPrivateGroups().subscribe(async (res: any) => {
       //

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

@@ -4,6 +4,7 @@
       <div class="title-content width-100">
         <div class="left">
           <button class="btn-no-color" (click)="close()">
+            /././../
             <ion-icon *ngIf="ThemeService.currentTheme == 'default' " slot="end" src='assets/images/icons-arrow-arrow-left.svg'></ion-icon>
             <ion-icon *ngIf="ThemeService.currentTheme == 'gov' " slot="end" src='assets/images/theme/gov/icons-calendar-arrow-left.svg'></ion-icon>
           </button>

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

@@ -2,9 +2,9 @@
   <ion-toolbar class="header-toolbar">
     <div class="main-header">
       <div class="title-content">
-        <div class="back-icon cursor-pointer">
-          <ion-icon *ngIf="ThemeService.currentTheme == 'default' " (click)="close()" slot="end" src='assets/images/icons-arrow-arrow-left.svg'></ion-icon>
-          <ion-icon *ngIf="ThemeService.currentTheme == 'gov' " (click)="close()" slot="end" src='assets/images/theme/gov/icons-calendar-arrow-left.svg'></ion-icon>
+        <div class="back-icon cursor-pointer" (click)="close()">
+          <ion-icon *ngIf="ThemeService.currentTheme == 'default' " slot="end" src='assets/images/icons-arrow-arrow-left.svg'></ion-icon>
+          <ion-icon *ngIf="ThemeService.currentTheme == 'gov' "  slot="end" src='assets/images/theme/gov/icons-calendar-arrow-left.svg'></ion-icon>
         </div>
         <div class="div-title">
           <ion-label class="title">Nova Conversa</ion-label>

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

@@ -27,6 +27,7 @@ export class ContactsPage implements OnInit {
   sessionStore = SessionStore
 
   @Output() openMessage:EventEmitter<any> = new EventEmitter<any>();
+  @Output() emptyTextDescriptionOpen:EventEmitter<any> = new EventEmitter<any>();  
 
   constructor(
     private modalController: ModalController,
@@ -96,20 +97,20 @@ export class ContactsPage implements OnInit {
     let first_prev = records[recordIndex - 1].name[0];
     let first_current = record.name[0];
 
-    if(first_prev != first_current){
+    if(first_prev != first_current) {
       return first_current;
     }
     return null;
   }
 
-  doRefresh(event){
+  doRefresh(event) {
   }
 
-  close(){
-    this.modalController.dismiss();
+  close() {
+    this.emptyTextDescriptionOpen.emit();
   }
 
-  clicked(){
+  clicked() {
     
   }
 

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

@@ -29,6 +29,8 @@ export class NewGroupPage implements OnInit{
 
   @Input() groupName:string;
   @Output() addGroupMessage:EventEmitter<any> = new EventEmitter<any>();
+  @Output() closeAllDesktopComponents:EventEmitter<any> = new EventEmitter<any>();
+  
 
   constructor(
     private pickerController: PickerController,