save

src/app/shared/header/header.page.ts

@@ -1,4 +1,6 @@
 import { Component, OnInit } from '@angular/core';
+import { ModalController } from '@ionic/angular';
+import { SearchPage } from 'src/app/pages/search/search.page';
 
 @Component({
   selector: 'app-header',
@@ -7,9 +9,19 @@ import { Component, OnInit } from '@angular/core';
 })
 export class HeaderPage implements OnInit {
 
-  constructor() { }
+  constructor(private modalController: ModalController) { }
 
   ngOnInit() {
   }
 
+  async openSearch() {
+    const modal = await this.modalController.create({
+      component: SearchPage,
+      cssClass: 'search',
+      componentProps: {
+      }
+    });
+    return await modal.present();
+  }
+
 }