Unsubscribe from the router

diff --git a/client/src/app/+my-account/my-account.component.ts b/client/src/app/+my-account/my-account.component.ts
index 7100638c8deeb522e600d22215fb050f68cbd93d..fed6e6b0494a7f7572350f88925689fdcf6e85b6 100644 (file)
--- a/client/src/app/+my-account/my-account.component.ts
+++ b/client/src/app/+my-account/my-account.component.ts
@@ -1,18 +1,21 @@
-import { Component, OnInit } from '@angular/core'
+import { Component, OnDestroy, OnInit } from '@angular/core'
 import { ServerService } from '@app/core'
 import { NavigationStart, Router } from '@angular/router'
 import { filter } from 'rxjs/operators'
 import { I18n } from '@ngx-translate/i18n-polyfill'
+import { Subscription } from 'rxjs'
 
 @Component({
   selector: 'my-my-account',
   templateUrl: './my-account.component.html',
   styleUrls: [ './my-account.component.scss' ]
 })
-export class MyAccountComponent implements OnInit {
+export class MyAccountComponent implements OnInit, OnDestroy {
 
   libraryLabel = ''
 
+  private routeSub: Subscription
+
   constructor (
     private serverService: ServerService,
     private router: Router,
@@ -22,11 +25,15 @@ export class MyAccountComponent implements OnInit {
   ngOnInit () {
     this.updateLibraryLabel(this.router.url)
 
-    this.router.events
+    this.routeSub = this.router.events
         .pipe(filter(event => event instanceof NavigationStart))
         .subscribe((event: NavigationStart) => this.updateLibraryLabel(event.url))
   }
 
+  ngOnDestroy () {
+    if (this.routeSub) this.routeSub.unsubscribe()
+  }
+
   isVideoImportEnabled () {
     const importConfig = this.serverService.getConfig().import.videos