Setup data provider info for CoinGecko

apps/api/src/services/data-provider/coingecko/coingecko.service.ts

@@ -6,6 +6,7 @@ import {
   IDataProviderResponse
 } from '@ghostfolio/api/services/interfaces/interfaces';
 import { DATE_FORMAT } from '@ghostfolio/common/helper';
+import { DataProviderInfo } from '@ghostfolio/common/interfaces';
 import { Granularity } from '@ghostfolio/common/types';
 import { Injectable, Logger } from '@nestjs/common';
 import {
@@ -145,6 +146,7 @@ export class CoinGeckoService implements DataProviderInterface {
         if (Object.prototype.hasOwnProperty.call(response, symbol)) {
           results[symbol] = {
             currency: this.baseCurrency,
+            dataProviderInfo: this.getDataProviderInfo(),
             dataSource: DataSource.COINGECKO,
             marketPrice: response[symbol][this.baseCurrency.toLowerCase()],
             marketState: 'open'
@@ -188,4 +190,11 @@ export class CoinGeckoService implements DataProviderInterface {
 
     return { items };
   }
+
+  private getDataProviderInfo(): DataProviderInfo {
+    return {
+      name: 'CoinGecko',
+      url: 'https://coingecko.com'
+    };
+  }
 }

apps/client/src/app/components/position/position-detail-dialog/position-detail-dialog.html

@@ -227,6 +227,12 @@
           </div>
         </ng-template>
       </ng-container>
+      <div *ngIf="dataProviderInfo" class="col-md-12 mb-3 text-center">
+        <hr />
+        <gf-data-provider-credits [dataProviderInfos]="[dataProviderInfo]">
+        </gf-data-provider-credits>
+        <hr />
+      </div>
     </div>
 
     <div class="row" [ngClass]="{ 'd-none': !orders?.length }">
@@ -269,12 +275,6 @@
         >
       </div>
     </div>
-
-    <div *ngIf="dataProviderInfo" class="text-center">
-      <hr />
-      <gf-data-provider-credits [dataProviderInfos]="[dataProviderInfo]">
-      </gf-data-provider-credits>
-    </div>
   </div>
 </div>
 

libs/ui/src/lib/data-provider-credits/data-provider-credits.component.html

@@ -1,5 +1,5 @@
 <small class="text-muted">
-  <ng-container i18n>Data provided by</ng-container>&nbsp;<ng-container
+  <ng-container i18n>Market data provided by</ng-container>&nbsp;<ng-container
     *ngFor="let dataProviderInfo of dataProviderInfos; let last = last"
     ><a target="_blank" [href]="dataProviderInfo.url">{{
       dataProviderInfo.name