added search field that accepts input

app/src/pages/blocksPage/blocksPage.html

@@ -14,6 +14,9 @@
 
 <ion-content padding>
   <ion-list>
+    <ion-row>
+      <ion-searchbar (ionInput)="search($event)" placeholder="{{ 'Search for block, transaction or address' }}"></ion-searchbar>
+    </ion-row>
     <ion-item>
       <ion-row>
         <ion-col>Height</ion-col>

app/src/pages/blocksPage/blocksPage.spec.ts

@@ -20,4 +20,10 @@ describe('Blocks', () => {
   it('initializes', () => {
     expect(instance).toBeTruthy();
   });
+
+  it('has a search method', () => {
+    spyOn(instance, 'search');
+    instance.search();
+    expect(instance.search).toHaveBeenCalled();
+  });
 });

app/src/pages/blocksPage/blocksPage.ts

@@ -22,4 +22,8 @@ export class BlocksPage {
     // });
     blocksService.getLatestBlocks();
   }
+
+  public search(event) {
+    console.log(event.target.value);
+  }
 }