+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({
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))
+ )
+ .subscribe(searchQuery => this.searchValue = searchQuery || '')
}
doSearch () {
- if (!this.searchValue) return
-
this.router.navigate([ '/videos', 'search' ], {
queryParams: { search: this.searchValue }
})