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 {