diff --git a/src/app/pages/accounts/accounts.component.html b/src/app/pages/accounts/accounts.component.html
index a52dda5..62bc39f 100644
--- a/src/app/pages/accounts/accounts.component.html
+++ b/src/app/pages/accounts/accounts.component.html
@@ -89,7 +89,9 @@
BALANCE
- {{ user?.balance | tokenRatio }}
+
+ {{ user?.balance | tokenRatio }} {{ tokenSymbol | uppercase }}
+
diff --git a/src/app/pages/accounts/accounts.component.ts b/src/app/pages/accounts/accounts.component.ts
index c009f46..d23735b 100644
--- a/src/app/pages/accounts/accounts.component.ts
+++ b/src/app/pages/accounts/accounts.component.ts
@@ -2,7 +2,7 @@ import { ChangeDetectionStrategy, Component, OnInit, ViewChild } from '@angular/
import { MatTableDataSource } from '@angular/material/table';
import { MatPaginator } from '@angular/material/paginator';
import { MatSort } from '@angular/material/sort';
-import { LoggingService, UserService } from '@app/_services';
+import { LoggingService, TokenService, UserService } from '@app/_services';
import { Router } from '@angular/router';
import { exportCsv } from '@app/_helpers';
import { strip0x } from '@src/assets/js/ethtx/dist/hex';
@@ -24,6 +24,7 @@ export class AccountsComponent implements OnInit {
pageSizeOptions: Array = [10, 20, 50, 100];
accountsType: string = 'all';
accountTypes: Array;
+ tokenSymbol: string;
@ViewChild(MatPaginator) paginator: MatPaginator;
@ViewChild(MatSort) sort: MatSort;
@@ -31,11 +32,13 @@ export class AccountsComponent implements OnInit {
constructor(
private userService: UserService,
private loggingService: LoggingService,
- private router: Router
+ private router: Router,
+ private tokenService: TokenService
) {}
async ngOnInit(): Promise {
await this.userService.init();
+ await this.tokenService.init();
try {
// TODO it feels like this should be in the onInit handler
await this.userService.loadAccounts(100);
@@ -52,6 +55,11 @@ export class AccountsComponent implements OnInit {
.getAccountTypes()
.pipe(first())
.subscribe((res) => (this.accountTypes = res));
+ this.tokenService.load.subscribe(async (status: boolean) => {
+ if (status) {
+ this.tokenSymbol = await this.tokenService.getTokenSymbol();
+ }
+ });
}
doFilter(value: string): void {