NAS-131461 / 25.04 / Listen for apps stats only when have installed a…

…pps (#10791)

* NAS-131461: Listen for stats when have apps

* NAS-131461: Listen for stats when have apps

* NAS-131461: Listen for apps stats only when have installed apps

src/app/pages/apps/store/installed-apps-store.service.ts

@@ -7,6 +7,7 @@ import {
   withLatestFrom,
 } from 'rxjs';
 import { IncomingApiMessageType } from 'app/enums/api-message-type.enum';
+import { tapOnce } from 'app/helpers/operators/tap-once.operator';
 import { ApiEvent } from 'app/interfaces/api-message.interface';
 import { App } from 'app/interfaces/app.interface';
 import { AvailableApp } from 'app/interfaces/available-app.interface';
@@ -42,6 +43,7 @@ export class InstalledAppsStore extends ComponentStore<InstalledAppsState> imple
   ) {
     super(initialState);
     this.initialize();
+    this.getStats();
   }
 
   readonly initialize = this.effect((triggers$: Observable<void>) => {
@@ -61,19 +63,30 @@ export class InstalledAppsStore extends ComponentStore<InstalledAppsState> imple
     );
   });
 
+  readonly getStats = this.effect(() => {
+    return this.installedApps$.pipe(
+      filter((apps) => apps.length > 0),
+      tapOnce(() => this.appsStats.subscribeToUpdates()),
+      catchError((error: unknown) => {
+        this.handleError(error);
+        return EMPTY;
+      }),
+      untilDestroyed(this),
+    );
+  });
+
   private handleError(error: unknown): void {
     this.errorHandler.showErrorModal(error);
     this.patchState({
       isLoading: false,
     });
   }
 
-  private loadInstalledApps(): Observable<unknown> {
+  private loadInstalledApps(): Observable<App[]> {
     return this.dockerStore.isLoading$.pipe(
       withLatestFrom(this.dockerStore.isDockerStarted$),
       filter(([isLoading, isDockerStarted]) => !isLoading && isDockerStarted !== null),
       switchMap(([, isDockerStarted]) => {
-        this.appsStats.subscribeToUpdates();
         this.subscribeToInstalledAppsUpdates();
 
         if (!isDockerStarted) {