From ce21fb04d83832275cc6faa196ef7cfd97e1fdbd Mon Sep 17 00:00:00 2001
From: Andrei Yurkouski <emp74ark@gmail.com>
Date: Tue, 7 Oct 2025 13:38:45 +0200
Subject: [PATCH] feat: update the status page

---
 src/app/pages/status-page/status-page.html | 7 +++++++
 src/app/pages/status-page/status-page.ts   | 8 +++++++-
 2 files changed, 14 insertions(+), 1 deletion(-)

diff --git a/src/app/pages/status-page/status-page.html b/src/app/pages/status-page/status-page.html
index d7ddc81..2e64660 100644
--- a/src/app/pages/status-page/status-page.html
+++ b/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"/>
diff --git a/src/app/pages/status-page/status-page.ts b/src/app/pages/status-page/status-page.ts
index 851f3fe..2788fcc 100644
--- a/src/app/pages/status-page/status-page.ts
+++ b/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')