Feature/move set Ghostfolio API key to experimental (#4147)

* Move set Ghostfolio API key to experimental

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

@@ -100,7 +100,8 @@ export class AdminSettingsComponent implements OnDestroy, OnInit {
         autoFocus: false,
         data: {
           deviceType: this.deviceType,
-          pricingUrl: this.pricingUrl
+          pricingUrl: this.pricingUrl,
+          user: this.user
         },
         height: this.deviceType === 'mobile' ? '98vh' : undefined,
         width: this.deviceType === 'mobile' ? '100vw' : '50rem'

apps/client/src/app/components/admin-settings/ghostfolio-premium-api-dialog/ghostfolio-premium-api-dialog.html

@@ -31,17 +31,19 @@
       mat-flat-button
       >Notify me</a
     >
-    <div>
-      <small class="text-muted" i18n>or</small>
-    </div>
-    <button
-      color="accent"
-      i18n
-      mat-stroked-button
-      (click)="onSetGhostfolioApiKey()"
-    >
-      I have an API key
-    </button>
+    @if (data.user?.settings?.isExperimentalFeatures) {
+      <div>
+        <small class="text-muted" i18n>or</small>
+      </div>
+      <button
+        color="accent"
+        i18n
+        mat-stroked-button
+        (click)="onSetGhostfolioApiKey()"
+      >
+        I have an API key
+      </button>
+    }
   </div>
 </div>
 

apps/client/src/app/components/admin-settings/ghostfolio-premium-api-dialog/interfaces/interfaces.ts

@@ -1,4 +1,7 @@
+import { User } from '@ghostfolio/common/interfaces';
+
 export interface GhostfolioPremiumApiDialogParams {
   deviceType: string;
   pricingUrl: string;
+  user: User;
 }