From d5b30a20aef0b03380131c1846fcd5623cbe0eb3 Mon Sep 17 00:00:00 2001
From: dotansimha <dotansimha@gmail.com>
Date: Tue, 24 Jan 2017 19:48:10 +0200
Subject: [PATCH] Step 10.6: Update usage

---
 src/pages/chats/new-chat.html | 15 +++++++++++++--
 1 file changed, 13 insertions(+), 2 deletions(-)

diff --git a/src/pages/chats/new-chat.html b/src/pages/chats/new-chat.html
index 53256399e..e144ef0b1 100644
--- a/src/pages/chats/new-chat.html
+++ b/src/pages/chats/new-chat.html
@@ -1,5 +1,16 @@
 <ion-header>
-  <ion-toolbar color="whatsapp">
+  <ion-toolbar *ngIf="searching" color="whatsapp">
+    <ion-searchbar
+      autofocus
+      class="seach-bar"
+      color="whatsapp"
+      [showCancelButton]="true"
+      (ionInput)="updateSubscription($event.target.value); searching = true;"
+      (ionClear)="updateSubscription(undefined); searching = false;">
+      </ion-searchbar>
+  </ion-toolbar>
+
+  <ion-toolbar *ngIf="!searching" color="whatsapp">
     <ion-title>New Chat</ion-title>
 
     <ion-buttons left>
@@ -7,7 +18,7 @@
     </ion-buttons>
 
     <ion-buttons end>
-      <button ion-button class="search-button"><ion-icon name="search"></ion-icon></button>
+      <button ion-button class="search-button" (click)="searching = true"><ion-icon name="search"></ion-icon></button>
     </ion-buttons>
   </ion-toolbar>
 </ion-header>