From 86a8caace338951798cc9ffa0f5c0b9a999bfe65 Mon Sep 17 00:00:00 2001
From: Dotan Simha <dotansimha@gmail.com>
Date: Thu, 3 Nov 2016 20:24:00 +0200
Subject: [PATCH] Step 6.8: Create NewChatComponent view

---
 src/pages/new-chat/new-chat.html | 18 ++++++++++++++++++
 1 file changed, 18 insertions(+)
 create mode 100644 src/pages/new-chat/new-chat.html

diff --git a/src/pages/new-chat/new-chat.html b/src/pages/new-chat/new-chat.html
new file mode 100644
index 000000000..284ac6b00
--- /dev/null
+++ b/src/pages/new-chat/new-chat.html
@@ -0,0 +1,18 @@
+<ion-header>
+  <ion-toolbar color="whatsapp">
+    <ion-title>New Chat</ion-title>
+
+    <ion-buttons end>
+      <button ion-button class="dismiss-button" (click)="viewCtrl.dismiss()"><ion-icon name="close"></ion-icon></button>
+    </ion-buttons>
+  </ion-toolbar>
+</ion-header>
+
+<ion-content class="new-chat">
+  <ion-list class="users">
+    <button ion-item *ngFor="let user of users | async" class="user" (click)="addChat(user)">
+      <img class="user-picture" [src]="user.profile.picture">
+      <h2 class="user-name">{{user.profile.name}}</h2>
+    </button>
+  </ion-list>
+</ion-content>