Improve localization

apps/client/src/app/components/fear-and-greed-index/fear-and-greed-index.component.ts

@@ -6,6 +6,7 @@ import {
   OnInit
 } from '@angular/core';
 import { resolveFearAndGreedIndex } from '@ghostfolio/common/helper';
+import { translate } from '@ghostfolio/ui/i18n';
 
 @Component({
   selector: 'gf-fear-and-greed-index',
@@ -24,9 +25,9 @@ export class FearAndGreedIndexComponent implements OnChanges, OnInit {
   public ngOnInit() {}
 
   public ngOnChanges() {
-    const { emoji, text } = resolveFearAndGreedIndex(this.fearAndGreedIndex);
+    const { emoji, key } = resolveFearAndGreedIndex(this.fearAndGreedIndex);
 
     this.fearAndGreedIndexEmoji = emoji;
-    this.fearAndGreedIndexText = text;
+    this.fearAndGreedIndexText = translate(key);
   }
 }

libs/common/src/lib/helper.ts

@@ -311,15 +311,15 @@ export function resetHours(aDate: Date) {
 
 export function resolveFearAndGreedIndex(aValue: number) {
   if (aValue <= 25) {
-    return { emoji: '🥵', text: 'Extreme Fear' };
+    return { emoji: '🥵', key: 'EXTREME_FEAR', text: 'Extreme Fear' };
   } else if (aValue <= 45) {
-    return { emoji: '😨', text: 'Fear' };
+    return { emoji: '😨', key: 'FEAR', text: 'Fear' };
   } else if (aValue <= 55) {
-    return { emoji: '😐', text: 'Neutral' };
+    return { emoji: '😐', key: 'NEUTRAL', text: 'Neutral' };
   } else if (aValue < 75) {
-    return { emoji: '😜', text: 'Greed' };
+    return { emoji: '😜', key: 'GREED', text: 'Greed' };
   } else {
-    return { emoji: '🤪', text: 'Extreme Greed' };
+    return { emoji: '🤪', key: 'EXTREME_GREED', text: 'Extreme Greed' };
   }
 }
 

libs/ui/src/lib/i18n.ts

@@ -57,7 +57,14 @@ const locales = {
   Europe: $localize`Europe`,
   'North America': $localize`North America`,
   Oceania: $localize`Oceania`,
-  'South America': $localize`South America`
+  'South America': $localize`South America`,
+
+  // Fear and Greed Index
+  EXTREME_FEAR: $localize`Extreme Fear`,
+  EXTREME_GREED: $localize`Extreme Greed`,
+  FEAR: $localize`Fear`,
+  GREED: $localize`Greed`,
+  NEUTRAL: $localize`Neutral`
 };
 
 export function translate(aKey: string): string {