Merge pull request #39

Update the status page

Author: emp74ark

src/app/pages/status-page/status-page.html

@@ -1 +1,8 @@
+<h2>Web client</h2>
+@if(updateFound$ | async){
+  <app-update-button/>
+} @else {
+  <p>You are using the latest version.</p>
+}
+<h2>Backend</h2>
 <app-health-status class="health"/>

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

@@ -1,15 +1,21 @@
 import { Component, inject, OnInit } from '@angular/core'
 import { HealthStatus } from '../../components/health-status/health-status'
 import { TitleService } from '../../services/title-service'
+import { UpdateButton } from '../../components/update-button/update-button'
+import { AppUpdate } from '../../services/app-update'
+import { AsyncPipe } from '@angular/common'
 
 @Component({
   selector: 'app-status-page',
-  imports: [HealthStatus],
+  imports: [HealthStatus, UpdateButton, AsyncPipe],
   templateUrl: './status-page.html',
   styleUrl: './status-page.css',
 })
 export class StatusPage implements OnInit {
   private readonly titleService = inject(TitleService)
+  private readonly appUpdates = inject(AppUpdate)
+
+  updateFound$ = this.appUpdates.updateFound
 
   ngOnInit() {
     this.titleService.setTitle('User')