1 files changed, 7 insertions, 4 deletions

diff --git a/client/src/app/header/header.component.ts b/client/src/app/header/header.component.ts
index 42de2dd92..9d2a83773 100644
--- a/client/src/app/header/header.component.ts
+++ b/client/src/app/header/header.component.ts
@@ -1,5 +1,6 @@
+import { filter, map } from 'rxjs/operators'
 import { Component, OnInit } from '@angular/core'
-import { Router, NavigationEnd } from '@angular/router'
+import { NavigationEnd, Router } from '@angular/router'
 import { getParameterByName } from '../shared/misc/utils'
 
 @Component({
@@ -15,9 +16,11 @@ export class HeaderComponent implements OnInit {
 
   ngOnInit () {
     this.router.events
-        .filter(e => e instanceof NavigationEnd)
-        .map(() => getParameterByName('search', window.location.href))
-        .filter(searchQuery => !!searchQuery)
+        .pipe(
+          filter(e => e instanceof NavigationEnd),
+          map(() => getParameterByName('search', window.location.href)),
+          filter(searchQuery => !!searchQuery)
+        )
         .subscribe(searchQuery => this.searchValue = searchQuery)
   }