chore: fix deprecated .subscribe()

Author: manekinekko

src/app/thingy52/battery-level.component.ts

@@ -114,7 +114,10 @@ export class BatteryLevelComponent implements OnInit, OnDestroy {
 
   requestValue() {
     this.valuesSubscription = this.service.value()
-      .subscribe((value: number) => this.updateValue(value), error => this.hasError(error));
+      .subscribe({
+        next: (val: number) => this.updateValue(val),
+        error: (err) => this.hasError(err)
+      });
   }
 
   updateValue(value: number) {

src/app/thingy52/humidity.component.ts

@@ -40,7 +40,7 @@ export class HumidityComponent implements OnInit, OnDestroy {
   valuesSubscription: Subscription;
   streamSubscription: Subscription;
 
-  @ViewChild('chart', {static: true})
+  @ViewChild('chart', { static: true })
   chartRef: ElementRef<HTMLCanvasElement>;
 
   get device() {
@@ -62,10 +62,10 @@ export class HumidityComponent implements OnInit, OnDestroy {
     this.initChart();
 
     this.streamSubscription = this.service.stream()
-    .subscribe(
-      () => this.updateValue.bind(this),
-      () => of(this.hasError.bind(this)),
-      );
+      .subscribe({
+        next: (val: number) => this.updateValue(val),
+        error: (err) => this.hasError(err)
+      });
   }
 
   initChart() {
@@ -80,10 +80,10 @@ export class HumidityComponent implements OnInit, OnDestroy {
 
   requestValue() {
     this.valuesSubscription = this.service.value()
-    .subscribe(
-      () => null,
-      () => of(this.hasError.bind(this)),
-    );
+      .subscribe(
+        () => null,
+        () => of(this.hasError.bind(this)),
+      );
   }
 
 

src/app/thingy52/stepcounter.component.ts

@@ -39,10 +39,9 @@ const PROVIDERS = [{
     text-align: center;
   }
   mat-icon {
-    position: absolute;
-    bottom: 55px;
-    left: 258px;
-    font-size: 38px;
+    font-size: 11em;
+    width: 100%;
+    height: 100%;
   }`],
   providers: PROVIDERS
 })
@@ -74,7 +73,10 @@ export class StepCounterComponent implements OnInit, OnDestroy {
 
   ngOnInit() {
     this.streamSubscription = this.service.stream()
-      .subscribe(() => this.updateValue.bind(this), error => this.hasError.bind(this));
+      .subscribe({
+        next: (val: { time: number, count: number }) => this.updateValue(val),
+        error: (err) => this.hasError(err)
+      });
   }
 
   requestValue() {

src/app/thingy52/temperature.component.ts

@@ -40,7 +40,7 @@ export class TemperatureComponent implements OnInit, OnDestroy {
   valuesSubscription: Subscription;
   streamSubscription: Subscription;
 
-  @ViewChild('chart', {static: true})
+  @ViewChild('chart', { static: true })
   chartRef: ElementRef<HTMLCanvasElement>;
 
   get device() {
@@ -67,7 +67,10 @@ export class TemperatureComponent implements OnInit, OnDestroy {
     this.initChart();
 
     this.streamSubscription = this.service.stream()
-      .subscribe( () => this.updateValue.bind(this), error => this.hasError.bind(this));
+      .subscribe({
+        next: (val: number) => this.updateValue(val),
+        error: (err) => this.hasError(err)
+      });
   }
 
   initChart() {
@@ -93,7 +96,7 @@ export class TemperatureComponent implements OnInit, OnDestroy {
 
   requestValue() {
     this.valuesSubscription = this.service.value()
-      .subscribe( () => null, error => this.hasError.bind(this));
+      .subscribe(() => null, error => this.hasError.bind(this));
   }
 
   updateValue(value: number) {