From dcfbaa92439906df940759b7cfb5a2076abf8988 Mon Sep 17 00:00:00 2001
From: Matt Hill <mattnine@protonmail.com>
Date: Thu, 17 Apr 2025 21:29:08 -0600
Subject: [PATCH] fix start bug in service dashboard

---
 .../routes/services/components/controls.component.ts      | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/web/projects/ui/src/app/routes/portal/routes/services/components/controls.component.ts b/web/projects/ui/src/app/routes/portal/routes/services/components/controls.component.ts
index 18adf997a..222c12bea 100644
--- a/web/projects/ui/src/app/routes/portal/routes/services/components/controls.component.ts
+++ b/web/projects/ui/src/app/routes/portal/routes/services/components/controls.component.ts
@@ -1,3 +1,4 @@
+import { AsyncPipe } from '@angular/common'
 import {
   ChangeDetectionStrategy,
   Component,
@@ -6,6 +7,7 @@ import {
   Input,
 } from '@angular/core'
 import { i18nPipe } from '@start9labs/shared'
+import { TuiLet } from '@taiga-ui/cdk'
 import { TuiButton } from '@taiga-ui/core'
 import { map } from 'rxjs'
 import { ControlsService } from 'src/app/services/controls.service'
@@ -40,9 +42,10 @@ import { getManifest } from 'src/app/utils/get-package-data'
 
     @if (status === 'stopped') {
       <button
+        *tuiLet="hasUnmet() | async as hasUnmet"
         tuiButton
         iconStart="@tui.play"
-        (click)="controls.start(manifest(), !!hasUnmet())"
+        (click)="controls.start(manifest(), !!hasUnmet)"
       >
         {{ 'Start' | i18n }}
       </button>
@@ -83,7 +86,7 @@ import { getManifest } from 'src/app/utils/get-package-data'
   ],
   changeDetection: ChangeDetectionStrategy.OnPush,
   standalone: true,
-  imports: [TuiButton, i18nPipe],
+  imports: [TuiButton, i18nPipe, TuiLet, AsyncPipe],
 })
 export class ServiceControlsComponent {
   private readonly errors = inject(DepErrorService)
@@ -98,7 +101,6 @@ export class ServiceControlsComponent {
 
   readonly controls = inject(ControlsService)
 
-  // @TODO Alex observable in signal?
   readonly hasUnmet = computed(() =>
     this.errors.getPkgDepErrors$(this.manifest().id).pipe(
       map(errors =>