Open modal from header

src/app/pages/search/search.page.html

@@ -14,7 +14,7 @@
       </div>
     </div>
   </ion-form>
-  <div class="icon-z icon-most-searched-word-open">
+  <div (click)="close()" class="icon-z icon-most-searched-word-open">
     <ion-icon src="assets/images/icons-most-searched-words-open.svg" class="icon" slot="end"></ion-icon>
   </div>
   <div class="profile">

src/app/pages/search/search.page.ts

@@ -1,4 +1,5 @@
 import { Component, OnInit } from '@angular/core';
+import { ModalController } from '@ionic/angular';
 
 @Component({
   selector: 'app-search',
@@ -7,9 +8,12 @@ import { Component, OnInit } from '@angular/core';
 })
 export class SearchPage implements OnInit {
 
-  constructor() { }
+  constructor(private modalController: ModalController) { }
 
   ngOnInit() {
   }
+  close(){
+    this.modalController.dismiss();
+  }
 
 }

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

@@ -24,4 +24,6 @@ export class HeaderPage implements OnInit {
     return await modal.present();
   }
 
+  
+
 }