-implement create chat group

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

@@ -6,6 +6,7 @@ import { ChatOptionsPopoverPage } from 'src/app/shared/popover/chat-options-popo
 import { ChatPopoverPage } from 'src/app/shared/popover/chat-popover/chat-popover.page';
 import { ContactsPage } from '../new-group/contacts/contacts.page';
 import { NewGroupPage } from '../new-group/new-group.page';
+import { GroupContactsPage } from './group-contacts/group-contacts.page';
 
 @Component({
   selector: 'app-group-messages',
@@ -13,9 +14,12 @@ import { NewGroupPage } from '../new-group/new-group.page';
   styleUrls: ['./group-messages.page.scss'],
 })
 export class GroupMessagesPage implements OnInit {
+  isGroupCreated:boolean;
   loggedUser: any;
   message:any;
   messages:any;
+  
+
   room:any;
   members:any;
   contacts: string[] = [" Ana M.", "Andre F.", "Bruno G.", "Catarina T", "Tiago"];
@@ -28,7 +32,8 @@ export class GroupMessagesPage implements OnInit {
     private chatService: ChatService,
     private navParams: NavParams,
     private authService: AuthService,
-  ) { 
+  ) {
+    this.isGroupCreated = true;
     this.room = this.navParams.get('room');
   }
 
@@ -144,8 +149,11 @@ export class GroupMessagesPage implements OnInit {
   }
   async addContacts(){
     const modal = await this.modalController.create({
-      component: ContactsPage,
-      componentProps: {}, 
+      component: GroupContactsPage,
+      componentProps: {
+        isCreated: this.isGroupCreated,
+        room: this.room,
+      }, 
       cssClass: 'contacts',
       backdropDismiss: false
     });