From 93e452e10e264523b128070eff71a59d2be9bd4c Mon Sep 17 00:00:00 2001
From: KenTandrian <kenricktan11@gmail.com>
Date: Thu, 19 Feb 2026 11:31:59 +0700
Subject: [PATCH] feat(lib): make accountId an input signal

---
 .../account-balances/account-balances.component.ts    | 11 +++++------
 1 file changed, 5 insertions(+), 6 deletions(-)

diff --git a/libs/ui/src/lib/account-balances/account-balances.component.ts b/libs/ui/src/lib/account-balances/account-balances.component.ts
index b3650b824..d354c5a46 100644
--- a/libs/ui/src/lib/account-balances/account-balances.component.ts
+++ b/libs/ui/src/lib/account-balances/account-balances.component.ts
@@ -66,7 +66,6 @@ import { GfValueComponent } from '../value';
 export class GfAccountBalancesComponent implements OnChanges, OnInit {
   @Input() accountBalances: AccountBalancesResponse['balances'];
   @Input() accountCurrency: string;
-  @Input() accountId: string;
 
   @Output() accountBalanceCreated = new EventEmitter<CreateAccountBalanceDto>();
   @Output() accountBalanceDeleted = new EventEmitter<string>();
@@ -82,10 +81,10 @@ export class GfAccountBalancesComponent implements OnChanges, OnInit {
     AccountBalancesResponse['balances'][0]
   >();
 
-  public displayedColumns: string[] = ['date', 'value', 'actions'];
-
-  protected readonly locale = input(getLocale());
-  protected readonly showActions = input(true);
+  public readonly accountId = input.required<string>();
+  public readonly displayedColumns: string[] = ['date', 'value', 'actions'];
+  public readonly locale = input(getLocale());
+  public readonly showActions = input(true);
 
   private dateAdapter = inject<DateAdapter<Date, string>>(DateAdapter);
   private notificationService = inject(NotificationService);
@@ -126,7 +125,7 @@ export class GfAccountBalancesComponent implements OnChanges, OnInit {
 
     const accountBalance: CreateAccountBalanceDto = {
       balance,
-      accountId: this.accountId,
+      accountId: this.accountId(),
       date: format(date, DATE_FORMAT)
     };