doneit-web/src/app/shared/header/header.page.ts

import { Component, OnInit } from '@angular/core';
import { ModalController } from '@ionic/angular';
import { SearchPage } from 'src/app/pages/search/search.page';

@Component({
  selector: 'app-header',
  templateUrl: './header.page.html',
  styleUrls: ['./header.page.scss'],
})
export class HeaderPage implements OnInit {

  constructor(private modalController: ModalController) { }

  ngOnInit() {
  }

  async openSearch() {
    const modal = await this.modalController.create({
      component: SearchPage,
      cssClass: 'search',
      componentProps: {
      }
    });
    return await modal.present();
  }

}