From 1fa05f31eb168de70fbcf1fea2550dd63adfcf01 Mon Sep 17 00:00:00 2001
From: Thomas Kaul <4159106+dtslvr@users.noreply.github.com>
Date: Thu, 30 Jul 2026 19:51:37 +0200
Subject: [PATCH] Bugfix/allow removing invalid Ghostfolio API key (#7470)

Allow removing invalid Ghostfolio API key
---
 .../admin-settings/admin-settings.component.html       | 10 +++++++---
 .../admin-settings/admin-settings.component.ts         |  3 +++
 2 files changed, 10 insertions(+), 3 deletions(-)

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 c2ed2f8f5..b35f10438 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
@@ -162,7 +162,7 @@
 
           <td *matCellDef="let element" class="px-1 text-right" mat-cell>
             @if (isGhostfolioDataProvider(element)) {
-              @if (isGhostfolioApiKeyValid === true) {
+              @if (hasGhostfolioApiKey) {
                 <button
                   class="mx-1 no-min-width px-2"
                   mat-button
@@ -171,7 +171,11 @@
                 >
                   <ion-icon name="ellipsis-horizontal" />
                 </button>
-                <mat-menu #ghostfolioApiMenu="matMenu" xPosition="before">
+                <mat-menu
+                  #ghostfolioApiMenu="matMenu"
+                  class="no-max-width"
+                  xPosition="before"
+                >
                   <button mat-menu-item (click)="onRemoveGhostfolioApiKey()">
                     <span class="align-items-center d-flex">
                       <ion-icon class="mr-2" name="trash-outline" />
@@ -179,7 +183,7 @@
                     </span>
                   </button>
                 </mat-menu>
-              } @else if (isGhostfolioApiKeyValid === false) {
+              } @else if (hasGhostfolioApiKey === false) {
                 <button
                   class="special"
                   mat-flat-button
diff --git a/apps/client/src/app/components/admin-settings/admin-settings.component.ts b/apps/client/src/app/components/admin-settings/admin-settings.component.ts
index c08f2d473..d7333be2a 100644
--- a/apps/client/src/app/components/admin-settings/admin-settings.component.ts
+++ b/apps/client/src/app/components/admin-settings/admin-settings.component.ts
@@ -81,6 +81,7 @@ export class GfAdminSettingsComponent implements OnInit {
     'actions'
   ];
   public ghostfolioApiStatus: DataProviderGhostfolioStatusResponse;
+  public hasGhostfolioApiKey: boolean;
   public isGhostfolioApiKeyValid: boolean;
   public isLoading = false;
   public readonly premiumDataProviderMailHref = `mailto:hi@ghostfol.io?subject=Ghostfolio Premium Data Provider&body=${[
@@ -184,6 +185,8 @@ export class GfAdminSettingsComponent implements OnInit {
           PROPERTY_API_KEY_GHOSTFOLIO
         ] as string;
 
+        this.hasGhostfolioApiKey = !!ghostfolioApiKey;
+
         if (ghostfolioApiKey) {
           this.adminService
             .fetchGhostfolioDataProviderStatus(ghostfolioApiKey)