-style approve entents for desktop finished

-style expedient  for desktop ongoing

src/app/pages/chat/chat.module.ts

@@ -32,6 +32,7 @@ import { GroupContactsPage } from 'src/app/shared/chat/group-messages/group-cont
     GroupMessagesPage,
     NewGroupPage,
     GroupContactsPage,
+    EmptyChatPage,
   ],
   schemas: [CUSTOM_ELEMENTS_SCHEMA],
   entryComponents: [
@@ -40,6 +41,7 @@ import { GroupContactsPage } from 'src/app/shared/chat/group-messages/group-cont
     GroupMessagesPage,
     NewGroupPage,
     GroupContactsPage,
+    EmptyChatPage,
   ]
 })
 export class ChatPageModule {}

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

@@ -87,10 +87,7 @@
       </div>
       <!-- Aside right -->
       <div class="aside-content d-none flex-column height-100">
-        <!-- <ion-button (click)="openMessagesPage()">Messages</ion-button>
-        <ion-button (click)="openGroupMessagesPage('MduvQyrQBejb3xMrY')">Groups</ion-button>
-        <ion-button (click)="destroyComponent()">Destroy</ion-button> -->
-        <app-empty-chat class="d-flex height-100" *ngIf="showEmptyComponent"></app-empty-chat>
+        <app-empty-chat [texto]="emptyTextDescription" class="d-flex height-100 flex-column" *ngIf="showEmptyComponent" #messagecontainer></app-empty-chat>
         <app-messages class="d-flex height-100 flex-column" [roomId]="roomId" *ngIf="showMessages" #messagecontainer></app-messages>
         <app-contacts (openMessage)="openMessagesPage($event)" *ngIf="showContacts" class="d-flex height-100 flex-column"></app-contacts>
         <app-new-group (addGroupMessage)="openGroupContactsPage($event)" *ngIf="showNewGroup" class="d-flex height-100 flex-column"></app-new-group>

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

@@ -64,9 +64,11 @@ export class ChatPage implements OnInit {
   showNewGroup=false;
   showGroupMessages=false;
   showGroupContacts=false;
+  emptyTextDescription = 'Sem conversa selecionada';
 
   @Output() getRoomInfo;
 
+
   constructor(
     private http:HttpClient,
     private chatService: ChatService,
@@ -80,11 +82,6 @@ export class ChatPage implements OnInit {
       /* this.headers = this.headers.set('X-User-Id', 'GqjNWiLrGEHRna7Zn');
       this.headers = this.headers.set('X-Auth-Token', 'SJwIgtlqfloPK696fpc2VBvyDluipuIHKB_0Q6-9ycJ'); */
     }
-    closeAllDesktopComponent(){
-      this.desktopComponent = {
-        showMessages: false,
-      }
-    }
   ngOnInit() {
     this.segment = "Contactos";
 
@@ -265,7 +262,7 @@ export class ChatPage implements OnInit {
     modal.onDidDismiss();
   }
   async openMessagesModal(roomId:any){
-    this.closeAllDesktopComponent();
+    this.closeAllDesktopComponents();
 
     let classs;
     if( window.innerWidth <= 1024){