diff --git a/client/imports/pages/chats/chats.component.ts b/client/imports/pages/chats/chats.component.ts
index 8d04001..5590eb6 100644
--- a/client/imports/pages/chats/chats.component.ts
+++ b/client/imports/pages/chats/chats.component.ts
@@ -7,9 +7,10 @@ import style from "./chats.component.scss";
 import {Chats} from "../../../../both/collections/chats.collection";
 import {Message} from "../../../../both/models/message.model";
 import {Messages} from "../../../../both/collections/messages.collection";
-import {NavController, PopoverController} from "ionic-angular";
+import {NavController, PopoverController, ModalController} from "ionic-angular";
 import {MessagesPage} from "../chat/messages-page.component";
 import {ChatsOptionsComponent} from '../chats/chats-options.component';
+import {NewChatComponent} from './new-chat.component';
 
 @Component({
   selector: "chats",
@@ -23,7 +24,8 @@ export class ChatsComponent implements OnInit {
 
   constructor(
     private navCtrl: NavController,
-    private popoverCtrl: PopoverController
+    private popoverCtrl: PopoverController,
+    private modalCtrl: ModalController
     ) {}
 
   ngOnInit() {
@@ -45,6 +47,11 @@ export class ChatsComponent implements OnInit {
       ).zone();
   }
 
+  addChat(): void {
+    const modal = this.modalCtrl.create(NewChatComponent);
+    modal.present();
+  }
+
   showOptions(): void {
     const popover = this.popoverCtrl.create(ChatsOptionsComponent, {}, {
       cssClass: 'options-popover'