From 3b930060a8e6169f8b7e529d05b1fa7ad94c5548 Mon Sep 17 00:00:00 2001
From: Alex Inkin <alexander@inkin.ru>
Date: Fri, 1 Apr 2022 17:20:16 +0300
Subject: [PATCH] fix(app-list): fix recovered services spinner (#1376)

---
 .../app-list-rec/app-list-rec.component.ts      | 17 ++++++++++-------
 1 file changed, 10 insertions(+), 7 deletions(-)

diff --git a/frontend/projects/ui/src/app/pages/apps-routes/app-list/app-list-rec/app-list-rec.component.ts b/frontend/projects/ui/src/app/pages/apps-routes/app-list/app-list-rec/app-list-rec.component.ts
index c34ec1ab9..b336525ab 100644
--- a/frontend/projects/ui/src/app/pages/apps-routes/app-list/app-list-rec/app-list-rec.component.ts
+++ b/frontend/projects/ui/src/app/pages/apps-routes/app-list/app-list-rec/app-list-rec.component.ts
@@ -35,14 +35,17 @@ export class AppListRecComponent {
   readonly installing$ = this.install$.pipe(
     switchMap(({ id, version }) =>
       // Mapping each installation to API request
-      this.marketplaceService.installPackage({
-        id,
-        'version-spec': `>=${version}`,
-        'version-priority': 'min',
-      }),
+      this.marketplaceService
+        .installPackage({
+          id,
+          'version-spec': `>=${version}`,
+          'version-priority': 'min',
+        })
+        .pipe(
+          // Mapping operation to true/false loading indication
+          loading(this.errToast),
+        ),
     ),
-    // Mapping operation to true/false loading indication
-    loading(this.errToast),
   )
 
   // Deleting package