feat: docs app

docs/app/pages/home/main-info-section/main-info-section.component.ts

@@ -0,0 +1,37 @@
+/**
+ * @license
+ * Copyright Akveo. All Rights Reserved.
+ * Licensed under the MIT License. See License.txt in the project root for license information.
+ */
+
+import { Component, OnDestroy } from '@angular/core';
+import { NbMediaBreakpoint, NbMediaBreakpointsService, NbThemeService } from '@nebular/theme';
+import { takeWhile } from 'rxjs/operators';
+
+@Component({
+  selector: 'ngx-landing-main-info',
+  templateUrl: './main-info-section.component.html',
+  styleUrls: ['./main-info-section.component.scss'],
+})
+export class MainInfoSectionComponent implements OnDestroy {
+
+  private alive = true;
+
+  breakpoint: NbMediaBreakpoint;
+  breakpoints: any;
+
+  constructor(private themeService: NbThemeService,
+              private breakpointService: NbMediaBreakpointsService) {
+
+    this.breakpoints = this.breakpointService.getBreakpointsMap();
+    this.themeService.onMediaQueryChange()
+      .pipe(takeWhile(() => this.alive))
+      .subscribe(([oldValue, newValue]) => {
+        this.breakpoint = newValue;
+      });
+  }
+
+  ngOnDestroy() {
+    this.alive = false;
+  }
+}