Add ability for uploaders to schedule video update

[github/Chocobozzz/PeerTube.git] / client / src / app / header / header.component.ts

diff --git a/client/src/app/header/header.component.ts b/client/src/app/header/header.component.ts
index a903048f234188a15f04acabc846c5ce0e687a22..9d2a837736060a314e7aa9886b44441fc3d4348a 100644 (file)
--- 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 } from '@angular/router'
+import { NavigationEnd, Router } from '@angular/router'
 import { getParameterByName } from '../shared/misc/utils'
 
 @Component({
@@ -14,13 +15,16 @@ export class HeaderComponent implements OnInit {
   constructor (private router: Router) {}
 
   ngOnInit () {
-    const searchQuery = getParameterByName('search', window.location.href)
-    if (searchQuery) this.searchValue = searchQuery
+    this.router.events
+        .pipe(
+          filter(e => e instanceof NavigationEnd),
+          map(() => getParameterByName('search', window.location.href)),
+          filter(searchQuery => !!searchQuery)
+        )
+        .subscribe(searchQuery => this.searchValue = searchQuery)
   }
 
   doSearch () {
-    if (!this.searchValue) return
-
     this.router.navigate([ '/videos', 'search' ], {
       queryParams: { search: this.searchValue }
     })