From c1ade5a675300d2d6380d56a9583bcd2569c9bdf Mon Sep 17 00:00:00 2001
From: KenTandrian <kenricktan11@gmail.com>
Date: Tue, 7 Jul 2026 08:02:05 +0700
Subject: [PATCH] feat(client): migrate locale to input signal

---
 .../portfolio-performance.component.html               |  4 ++--
 .../portfolio-performance.component.ts                 | 10 +++++-----
 2 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/apps/client/src/app/components/portfolio-performance/portfolio-performance.component.html b/apps/client/src/app/components/portfolio-performance/portfolio-performance.component.html
index bf0f64e44..0a10fb1fb 100644
--- a/apps/client/src/app/components/portfolio-performance/portfolio-performance.component.html
+++ b/apps/client/src/app/components/portfolio-performance/portfolio-performance.component.html
@@ -38,7 +38,7 @@
         <gf-value
           [colorizeSign]="true"
           [isCurrency]="true"
-          [locale]="locale"
+          [locale]="locale()"
           [value]="
             isLoading()
               ? undefined
@@ -50,7 +50,7 @@
         <gf-value
           [colorizeSign]="true"
           [isPercent]="true"
-          [locale]="locale"
+          [locale]="locale()"
           [value]="
             isLoading()
               ? undefined
diff --git a/apps/client/src/app/components/portfolio-performance/portfolio-performance.component.ts b/apps/client/src/app/components/portfolio-performance/portfolio-performance.component.ts
index 7c2a76b27..4189cb336 100644
--- a/apps/client/src/app/components/portfolio-performance/portfolio-performance.component.ts
+++ b/apps/client/src/app/components/portfolio-performance/portfolio-performance.component.ts
@@ -35,7 +35,6 @@ import { NgxSkeletonLoaderModule } from 'ngx-skeleton-loader';
   templateUrl: './portfolio-performance.component.html'
 })
 export class GfPortfolioPerformanceComponent implements OnChanges {
-  @Input() locale = getLocale();
   @Input() performance: PortfolioPerformance;
   @Input() precision: number;
   @Input() showDetails: boolean;
@@ -43,6 +42,7 @@ export class GfPortfolioPerformanceComponent implements OnChanges {
 
   public readonly errors = input<ResponseError['errors']>();
   public readonly isLoading = input<boolean>();
+  public readonly locale = input<string>(getLocale());
 
   private readonly value =
     viewChild.required<ElementRef<HTMLSpanElement>>('value');
@@ -63,20 +63,20 @@ export class GfPortfolioPerformanceComponent implements OnChanges {
     } else {
       if (isNumber(this.performance?.currentValueInBaseCurrency)) {
         new CountUp('value', this.performance?.currentValueInBaseCurrency, {
-          decimal: getNumberFormatDecimal(this.locale),
+          decimal: getNumberFormatDecimal(this.locale()),
           decimalPlaces: this.precision,
           duration: 1,
-          separator: getNumberFormatGroup(this.locale)
+          separator: getNumberFormatGroup(this.locale())
         }).start();
       } else if (this.showDetails === false) {
         new CountUp(
           'value',
           this.performance?.netPerformancePercentageWithCurrencyEffect * 100,
           {
-            decimal: getNumberFormatDecimal(this.locale),
+            decimal: getNumberFormatDecimal(this.locale()),
             decimalPlaces: 2,
             duration: 1,
-            separator: getNumberFormatGroup(this.locale)
+            separator: getNumberFormatGroup(this.locale())
           }
         ).start();
       } else {