Improve search page

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

@@ -23,6 +23,13 @@ export class HeaderPage implements OnInit {
       this.profile = profile;
     }
 
+    
+    router.events.subscribe((val) => {
+      this.showSearch=false;
+      this.modalController.dismiss()
+    });
+
+
    }
 
   ngOnInit() {
@@ -77,7 +84,7 @@ export class HeaderPage implements OnInit {
       enterAnimation,
       leaveAnimation,
       component: ProfileComponent,
-      cssClass: 'model profile-modal',
+      cssClass: 'model profile-modal search-submodal',
       componentProps: {
       }
     });
@@ -91,8 +98,7 @@ export class HeaderPage implements OnInit {
 
 
   async closeSearch(){
-    document.querySelectorAll('.search-modal').forEach((e)=>e.remove())
-
+    this.modalController.dismiss()
   }
 
     /**