Add "new-group" and "contacts" pages

- Style new group page
- Improve style in chat page

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

@@ -3,6 +3,8 @@ import { ModalController } from '@ionic/angular';
 import { AuthService } from 'src/app/services/auth.service';
 import { ChatService } from 'src/app/services/chat.service';
 import { ConversationPage } from './conversation/conversation.page';
+import { NewGroupPage } from './new-group/new-group.page';
+import { NewchatPage } from './newchat/newchat.page';
 
 @Component({
   selector: 'app-chat',
@@ -26,6 +28,7 @@ export class ChatPage implements OnInit {
   ngOnInit() {
     this.segment = "Contactos";
     this.doRefresh();
+    this.authService.getUserData();
     
   }
   onSegmentChange(){
@@ -64,4 +67,22 @@ export class ChatPage implements OnInit {
     await modal.present();
     modal.onDidDismiss();
   }
+  async selectContact(){
+    const modal = await this.modalController.create({
+      component: NewchatPage,
+      cssClass: 'newchat',
+      backdropDismiss: false,
+    });
+    await modal.present();
+    modal.onDidDismiss();
+  }
+  async newGroup(){
+    const modal = await this.modalController.create({
+      component: NewGroupPage,
+      cssClass: 'new-group',
+      backdropDismiss: false,
+    });
+    await modal.present();
+    modal.onDidDismiss();
+  }
 }