From 5bc5f6a2da5aa14855764cce4bb726ea4ae5b80c Mon Sep 17 00:00:00 2001
From: Batwam <56710655+Batwam@users.noreply.github.com>
Date: Sun, 21 Sep 2025 23:51:14 +0800
Subject: [PATCH] Feature/add symbol to benchmark component (#5530)

* Add symbol to benchmark component

* Update changelog
---
 CHANGELOG.md                                             | 1 +
 .../src/app/components/home-market/home-market.html      | 1 +
 apps/client/src/app/components/markets/markets.html      | 1 +
 libs/ui/src/lib/benchmark/benchmark.component.html       | 9 ++++++++-
 libs/ui/src/lib/benchmark/benchmark.component.ts         | 1 +
 5 files changed, 12 insertions(+), 1 deletion(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 732d37680..ee1318bbf 100644
--- a/CHANGELOG.md
+++ b/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
diff --git a/apps/client/src/app/components/home-market/home-market.html b/apps/client/src/app/components/home-market/home-market.html
index 9ea286301..fc7230d35 100644
--- a/apps/client/src/app/components/home-market/home-market.html
+++ b/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) {
diff --git a/apps/client/src/app/components/markets/markets.html b/apps/client/src/app/components/markets/markets.html
index 90ddbba06..38234a785 100644
--- a/apps/client/src/app/components/markets/markets.html
+++ b/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) {
diff --git a/libs/ui/src/lib/benchmark/benchmark.component.html b/libs/ui/src/lib/benchmark/benchmark.component.html
index 8df8417f1..2b75e5672 100644
--- a/libs/ui/src/lib/benchmark/benchmark.component.html
+++ b/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>
 
diff --git a/libs/ui/src/lib/benchmark/benchmark.component.ts b/libs/ui/src/lib/benchmark/benchmark.component.ts
index d0b2c94fd..3af9bc674 100644
--- a/libs/ui/src/lib/benchmark/benchmark.component.ts
+++ b/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>();