add new components for chat in shared

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

@@ -38,6 +38,10 @@ export class ChatPage implements OnInit {
   result:any;
   dmUsers:any;
 
+  desktopComponent: any = {
+    messages: false,
+  }
+
   constructor(
     private http:HttpClient,
     private chatService: ChatService,
@@ -49,9 +53,12 @@ export class ChatPage implements OnInit {
       this.headers = new HttpHeaders();
       /* this.headers = this.headers.set('X-User-Id', 'GqjNWiLrGEHRna7Zn');
       this.headers = this.headers.set('X-Auth-Token', 'SJwIgtlqfloPK696fpc2VBvyDluipuIHKB_0Q6-9ycJ'); */
-      
     }
-
+    closeAllDesktopComponent(){
+      this.desktopComponent = {
+        messages: false,
+      }
+    }
   ngOnInit() {
     this.segment = "Contactos";
 
@@ -164,6 +171,14 @@ export class ChatPage implements OnInit {
     modal.onDidDismiss();
   }
   async openMessages(dm:any){
+    this.closeAllDesktopComponent();
+
+    let classs;
+    if( window.innerWidth <= 1024){
+      classs = 'modal'
+    } else  {
+      classs = 'chat-mobile-modal-to-Desktop'
+    }
     console.log(dm);
     
     const modal = await this.modalController.create({