save

src/app/shared/header/header.page.html

@@ -4,7 +4,7 @@
   
     <ion-row class="div-top-header ion-justify-content-between">
       <ion-col>
-        <div class="div-search">
+        <div (click)="openSearch()" class="div-search">
           <ion-icon src='assets/images/icons-search.svg'></ion-icon>
         </div>
       </ion-col>

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();
+  }
+
 }