fix(docs): add subject componentDestroyed$

Author: loktionov129

.ToDo

@@ -3,9 +3,6 @@ https://github.com/mpgp/mpgp.github.io/projects/1
 
     In Progress:
 
-        @critical @bug
-        ☐ use yarn instead of npm @created(18-06-12 21:28:46)
-
         @low @feature 
         ☐ feat(compodoc): install package https://github.com/compodoc/compodoc
 

src/app/features/docs/containers/docs-root/docs-root.component.ts

@@ -1,6 +1,7 @@
-import { ChangeDetectionStrategy, Component, OnInit, ViewEncapsulation } from '@angular/core';
+import { ChangeDetectionStrategy, Component, OnDestroy, OnInit, ViewEncapsulation } from '@angular/core';
 import { ActivatedRoute } from '@angular/router';
-import { filter, map } from 'rxjs/operators';
+import { Subject } from 'rxjs';
+import { filter, map, takeUntil } from 'rxjs/operators';
 
 @Component({
   changeDetection: ChangeDetectionStrategy.OnPush,
@@ -9,18 +10,23 @@ import { filter, map } from 'rxjs/operators';
   styleUrls: ['./docs-root.component.scss'],
   templateUrl: './docs-root.component.html',
 })
-export class DocsRootComponent implements OnInit {
+export class DocsRootComponent implements OnInit, OnDestroy {
+  private readonly componentDestroyed$ = new Subject<boolean>();
+
   constructor(private readonly route: ActivatedRoute) {}
 
   ngOnInit(): void {
     this.route.params
       .pipe(
+        takeUntil(this.componentDestroyed$),
         map(({ id }) => document.getElementById(id)),
         filter(element => !!element),
       )
-      // FIXME: unsub.
-      .subscribe(element => {
-        element.scrollIntoView();
-      });
+      .subscribe(element => element.scrollIntoView());
+  }
+
+  ngOnDestroy(): void {
+    this.componentDestroyed$.next(true);
+    this.componentDestroyed$.unsubscribe();
   }
 }