feat: add health check integration to WelcomePage

Author: emp74ark

src/app/pages/welcome-page/welcome-page.ts

@@ -1,4 +1,4 @@
-import { Component } from '@angular/core'
+import { Component, inject, OnDestroy, OnInit } from '@angular/core'
 import { MatButton, MatFabButton } from '@angular/material/button'
 import { RouterLink } from '@angular/router'
 import {
@@ -9,6 +9,9 @@ import {
 } from '@angular/material/expansion'
 import { MatCardModule } from '@angular/material/card'
 import { MatIconModule } from '@angular/material/icon'
+import { HealthService } from '../../services/health-service'
+import { Subscription } from 'rxjs'
+import { environment } from '../../../environments/environment'
 
 @Component({
   selector: 'app-welcome-page',
@@ -26,4 +29,17 @@ import { MatIconModule } from '@angular/material/icon'
   templateUrl: './welcome-page.html',
   styleUrl: './welcome-page.css',
 })
-export class WelcomePage {}
+export class WelcomePage implements OnInit, OnDestroy {
+  private readonly healthService = inject(HealthService)
+  subscription: Subscription[] = []
+
+  ngOnInit() {
+    if (environment.production) {
+      this.subscription.push(this.healthService.updateStat().subscribe())
+    }
+  }
+
+  ngOnDestroy() {
+    this.subscription.forEach((sub) => sub.unsubscribe())
+  }
+}

src/app/services/health-service.ts

@@ -14,4 +14,10 @@ export class HealthService {
       `${environment.api}/health`,
     )
   }
+
+  updateStat() {
+    return this.httpClient.get<{ status: string; version: string; uptime: string }>(
+      `${environment.api}/stats/new?source=feedz&timestamp=${Date.now()}`,
+    )
+  }
 }