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 {

  profile: string = 'mdgpr';

  constructor(private modalController: ModalController) {
    
    window['header'] = (profile:string) => {
      this.profile = profile;
    }

   }

  ngOnInit() {
  }

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

}