nest new entries and message updates better (#1595)

* nest new entries and message updates better

* pass has new upward

* fix bulb display to make everyone happy

frontend/projects/ui/src/app/pages/apps-routes/app-list/app-list-icon/app-list-icon.component.html

@@ -13,6 +13,13 @@
     color="primary"
   ></ion-spinner>
   <ng-template #bulb>
-    <div class="bulb" [style.background-color]="color$ | async"></div>
+    <div
+      class="bulb"
+      [style.background-color]="
+        (disconnected$ | async)
+          ? 'var(--ion-color-dark)'
+          : 'var(--ion-color-' + this.pkg.primaryRendering.color + ')'
+      "
+    ></div>
   </ng-template>
 </ng-template>

frontend/projects/ui/src/app/pages/apps-routes/app-list/app-list-icon/app-list-icon.component.ts

@@ -13,13 +13,7 @@ export class AppListIconComponent {
   @Input()
   pkg: PkgInfo
 
-  color$ = this.connectionService.watchDisconnected$().pipe(
-    map(disconnected => {
-      return disconnected
-        ? 'var(--ion-color-dark)'
-        : 'var(--ion-color-' + this.pkg.primaryRendering.color + ')'
-    }),
-  )
+  disconnected$ = this.connectionService.watchDisconnected$()
 
   constructor(private readonly connectionService: ConnectionService) {}
 }