Feature/add symbol to benchmark component (#5530)

* Add symbol to benchmark component

* Update changelog

CHANGELOG.md

@@ -9,6 +9,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ### Added
 
+- Added the symbol to the benchmark component
 - Added an option to configure the account column of the activities table component
 
 ### Changed

apps/client/src/app/components/home-market/home-market.html

@@ -34,6 +34,7 @@
         [benchmarks]="benchmarks"
         [deviceType]="deviceType"
         [locale]="user?.settings?.locale || undefined"
+        [showSymbol]="false"
         [user]="user"
       />
       @if (benchmarks?.length > 0) {

apps/client/src/app/components/markets/markets.html

@@ -43,6 +43,7 @@
         [benchmarks]="benchmarks"
         [deviceType]="deviceType"
         [locale]="user?.settings?.locale || undefined"
+        [showSymbol]="false"
         [user]="user"
       />
       @if (benchmarks?.length > 0) {

libs/ui/src/lib/benchmark/benchmark.component.html

@@ -12,7 +12,14 @@
         Name
       </th>
       <td *matCellDef="let element" class="px-2 text-nowrap" mat-cell>
-        {{ element?.name }}
+        <div class="text-truncate">
+          {{ element?.name }}
+        </div>
+        @if (showSymbol) {
+          <div>
+            <small class="text-muted">{{ element?.symbol }}</small>
+          </div>
+        }
       </td>
     </ng-container>
 

libs/ui/src/lib/benchmark/benchmark.component.ts

@@ -62,6 +62,7 @@ export class GfBenchmarkComponent implements OnChanges, OnDestroy {
   @Input() deviceType: string;
   @Input() hasPermissionToDeleteItem: boolean;
   @Input() locale = getLocale();
+  @Input() showSymbol = true;
   @Input() user: User;
 
   @Output() itemDeleted = new EventEmitter<AssetProfileIdentifier>();