Feature/improve wording of data providers management (#4617)

* Improve wording

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

@@ -25,6 +25,7 @@ import { DeviceDetectorService } from 'ngx-device-detector';
 import { catchError, filter, of, Subject, takeUntil } from 'rxjs';
 
 import { GfGhostfolioPremiumApiDialogComponent } from './ghostfolio-premium-api-dialog/ghostfolio-premium-api-dialog.component';
+import { GhostfolioPremiumApiDialogParams } from './ghostfolio-premium-api-dialog/interfaces/interfaces';
 
 @Component({
   changeDetection: ChangeDetectionStrategy.OnPush,
@@ -101,9 +102,8 @@ export class AdminSettingsComponent implements OnDestroy, OnInit {
         autoFocus: false,
         data: {
           deviceType: this.deviceType,
-          pricingUrl: this.pricingUrl,
+          pricingUrl: this.pricingUrl
-          user: this.user
+        } as GhostfolioPremiumApiDialogParams,
-        },
         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

@@ -7,8 +7,8 @@
 />
 
 <div class="text-center" mat-dialog-content>
-  <p class="gf-text-wrap-balance mb-1">
+  <p class="gf-text-wrap-balance">
-    The official
+    Early access to the official
     <a
       class="align-items-center d-inline-flex"
       target="_blank"
@@ -18,32 +18,27 @@
     </a>
     data provider <strong>for self-hosters</strong>, offering
     <strong>80’000+ tickers</strong> from over <strong>50 exchanges</strong>, is
-    coming soon!
+    ready now!
-  </p>
-  <p i18n>
-    Want to stay updated? Click below to get notified as soon as it’s available.
   </p>
   <div>
     <a
       color="primary"
-      href="mailto:hi@ghostfol.io?Subject=Ghostfolio Premium Data Provider&body=Hello%0D%0DPlease notify me as soon as the Ghostfolio Premium Data Provider is available.%0D%0DKind regards"
+      href="mailto:hi@ghostfol.io?Subject=Ghostfolio Premium Data Provider&body=Hello%0D%0DI am interested in the Ghostfolio Premium data provider. Could you please give me early access so I can try it for some time?%0D%0DKind regards"
       i18n
       mat-flat-button
-      >Notify me</a
+      >Get Early Access</a
+    >
+    <div>
+      <small class="text-muted" i18n>or</small>
+    </div>
+    <button
+      color="accent"
+      i18n
+      mat-stroked-button
+      (click)="onSetGhostfolioApiKey()"
     >
-    @if (data.user?.settings?.isExperimentalFeatures) {
+      I have an API key
-      <div>
+    </button>
-        <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,7 +1,4 @@
-import { User } from '@ghostfolio/common/interfaces';
-
 export interface GhostfolioPremiumApiDialogParams {
   deviceType: string;
   pricingUrl: string;
-  user: User;
 }