Refactoring

libs/common/src/lib/helper.ts

@@ -1,5 +1,3 @@
-import { translate } from '@ghostfolio/ui/i18n';
-
 import * as currencies from '@dinero.js/currencies';
 import { NumberParser } from '@internationalized/number';
 import { DataSource, MarketData } from '@prisma/client';
@@ -391,10 +389,10 @@ export function resolveMarketCondition(
   aMarketCondition: Benchmark['marketCondition']
 ) {
   if (aMarketCondition === 'ALL_TIME_HIGH') {
-    return { emoji: '🎉', label: translate(aMarketCondition) };
+    return { emoji: '🎉' };
   } else if (aMarketCondition === 'BEAR_MARKET') {
-    return { emoji: '🐻', label: translate(aMarketCondition) };
+    return { emoji: '🐻' };
   } else {
-    return { emoji: undefined, label: undefined };
+    return { emoji: undefined };
   }
 }

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

@@ -102,10 +102,7 @@
     <th *matHeaderCellDef mat-header-cell></th>
     <td *matCellDef="let element" class="px-0" mat-cell>
       @if (element?.marketCondition) {
-        <div
+        <div class="text-center" [title]="translate(element.marketCondition)">
-          class="text-center"
-          [title]="resolveMarketCondition(element.marketCondition).label"
-        >
           {{ resolveMarketCondition(element.marketCondition).emoji }}
         </div>
       }

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

@@ -1,5 +1,6 @@
 import { getLocale, resolveMarketCondition } from '@ghostfolio/common/helper';
 import { Benchmark, User } from '@ghostfolio/common/interfaces';
+import { translate } from '@ghostfolio/ui/i18n';
 
 import {
   ChangeDetectionStrategy,
@@ -21,6 +22,7 @@ export class BenchmarkComponent implements OnChanges {
 
   public displayedColumns = ['name', 'date', 'change', 'marketCondition'];
   public resolveMarketCondition = resolveMarketCondition;
+  public translate = translate;
 
   public constructor() {}