From bb429ceadbc957e2024c5233c178e3117aade79d Mon Sep 17 00:00:00 2001
From: Spencer Ofwiti <maxspencer56@gmail.com>
Date: Fri, 23 Jul 2021 13:09:27 +0300
Subject: [PATCH] Fix history datatable pagination.

---
 .../accounts/account-details/account-details.component.html | 4 ++--
 .../accounts/account-details/account-details.component.ts   | 6 +++---
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/app/pages/accounts/account-details/account-details.component.html b/src/app/pages/accounts/account-details/account-details.component.html
index bb806b9..292af54 100644
--- a/src/app/pages/accounts/account-details/account-details.component.html
+++ b/src/app/pages/accounts/account-details/account-details.component.html
@@ -333,7 +333,7 @@
         </div>
       </div>
 
-      <div *ngIf="account" class="card mt-1">
+      <div class="card mt-1">
         <app-account-history
           *ngIf="history"
           [account]="history?.snapshot.data"
@@ -414,7 +414,7 @@
         </div>
       </div>
 
-      <mat-tab-group *ngIf="account" dynamicHeight mat-align-tabs="start">
+      <mat-tab-group dynamicHeight mat-align-tabs="start">
         <mat-tab label="Transactions">
           <app-transaction-details
             [transaction]="transaction"
diff --git a/src/app/pages/accounts/account-details/account-details.component.ts b/src/app/pages/accounts/account-details/account-details.component.ts
index 8372131..bc2d4f9 100644
--- a/src/app/pages/accounts/account-details/account-details.component.ts
+++ b/src/app/pages/accounts/account-details/account-details.component.ts
@@ -58,7 +58,7 @@ export class AccountDetailsComponent implements OnInit, AfterViewInit {
   ];
   historyDefaultPageSize: number = 10;
   historyPageSizeOptions: Array<number> = [10, 20, 50, 100];
-  @ViewChild('HistoryTablePaginator', { static: true }) historyPaginator: MatPaginator;
+  @ViewChild('HistoryTablePaginator', { static: true }) historyTablePaginator: MatPaginator;
   @ViewChild('HistoryTableSort', { static: true }) historyTableSort: MatSort;
 
   accountInfoForm: FormGroup;
@@ -193,7 +193,7 @@ export class AccountDetailsComponent implements OnInit, AfterViewInit {
 
     this.userService.historySubject.subscribe(async (histories) => {
       this.historyDataSource = new MatTableDataSource<any>(histories);
-      this.historyDataSource.paginator = this.historyPaginator;
+      this.historyDataSource.paginator = this.historyTablePaginator;
       this.historyDataSource.sort = this.historyTableSort;
       this.histories = histories;
       if (histories.length > 0) {
@@ -243,7 +243,7 @@ export class AccountDetailsComponent implements OnInit, AfterViewInit {
       this.transactionsDataSource.sort = this.transactionTableSort;
     }
     if (this.historyDataSource) {
-      this.historyDataSource.paginator = this.historyPaginator;
+      this.historyDataSource.paginator = this.historyTablePaginator;
       this.historyDataSource.sort = this.historyTableSort;
     }
   }