Improve Ghostfolio data provider status check

apps/client/src/app/components/admin-settings/admin-settings.component.ts

@@ -146,29 +146,35 @@ export class AdminSettingsComponent implements OnDestroy, OnInit {
 
         this.dataSource = new MatTableDataSource(filteredProviders);
 
-        this.adminService
+        const ghostfolioApiKey = settings[
-          .fetchGhostfolioDataProviderStatus(
+          PROPERTY_API_KEY_GHOSTFOLIO
-            settings[PROPERTY_API_KEY_GHOSTFOLIO] as string
+        ] as string;
-          )
+
-          .pipe(
+        if (ghostfolioApiKey) {
-            catchError(() => {
+          this.adminService
-              this.isGhostfolioApiKeyValid = false;
+            .fetchGhostfolioDataProviderStatus(ghostfolioApiKey)
+            .pipe(
+              catchError(() => {
+                this.isGhostfolioApiKeyValid = false;
+
+                this.changeDetectorRef.markForCheck();
+
+                return of(null);
+              }),
+              filter((status) => {
+                return status !== null;
+              }),
+              takeUntil(this.unsubscribeSubject)
+            )
+            .subscribe((status) => {
+              this.ghostfolioApiStatus = status;
+              this.isGhostfolioApiKeyValid = true;
 
               this.changeDetectorRef.markForCheck();
-
+            });
-              return of(null);
+        } else {
-            }),
+          this.isGhostfolioApiKeyValid = false;
-            filter((status) => {
+        }
-              return status !== null;
-            }),
-            takeUntil(this.unsubscribeSubject)
-          )
-          .subscribe((status) => {
-            this.ghostfolioApiStatus = status;
-            this.isGhostfolioApiKeyValid = true;
-
-            this.changeDetectorRef.markForCheck();
-          });
 
         this.isLoading = false;