diff --git a/apps/client/src/app/components/admin-settings/admin-settings.component.html b/apps/client/src/app/components/admin-settings/admin-settings.component.html index 8f97374e3..7031b5938 100644 --- a/apps/client/src/app/components/admin-settings/admin-settings.component.html +++ b/apps/client/src/app/components/admin-settings/admin-settings.component.html @@ -90,7 +90,12 @@ Status - + @if ( + !isGhostfolioDataProvider(element) || + isGhostfolioApiKeyValid === true + ) { + + } @@ -110,24 +115,25 @@ - @if (isGhostfolioDataProvider(element)) { - @if (isGhostfolioApiKeyValid === true) { - - - {{ ghostfolioApiStatus.dailyRequests }} - of - {{ ghostfolioApiStatus.dailyRequestsMax }} - daily requests - - } + @if ( + isGhostfolioDataProvider(element) && + isGhostfolioApiKeyValid === true + ) { + + + {{ ghostfolioApiStatus.dailyRequests }} + of + {{ ghostfolioApiStatus.dailyRequestsMax }} + daily requests + } diff --git a/apps/client/src/app/components/data-provider-status/data-provider-status.component.html b/apps/client/src/app/components/data-provider-status/data-provider-status.component.html index 37ec90883..d2f26b09b 100644 --- a/apps/client/src/app/components/data-provider-status/data-provider-status.component.html +++ b/apps/client/src/app/components/data-provider-status/data-provider-status.component.html @@ -5,5 +5,11 @@ Offline } } @else { - + } diff --git a/apps/client/src/app/components/data-provider-status/data-provider-status.component.ts b/apps/client/src/app/components/data-provider-status/data-provider-status.component.ts index f19f90743..ddd505591 100644 --- a/apps/client/src/app/components/data-provider-status/data-provider-status.component.ts +++ b/apps/client/src/app/components/data-provider-status/data-provider-status.component.ts @@ -34,8 +34,12 @@ export class GfDataProviderStatusComponent implements OnDestroy, OnInit { this.status$ = this.dataService .fetchDataProviderHealth(this.dataSource) .pipe( - map(() => ({ isHealthy: true })), - catchError(() => of({ isHealthy: false })), + catchError(() => { + return of({ isHealthy: false }); + }), + map(() => { + return { isHealthy: true }; + }), takeUntil(this.unsubscribeSubject) ); }