Merge pull request bitpay#1873 from micahriggan/feature/load-more-txs

feature(insight): load more txs
nitsujlangston · Jan 8, 2019 · e436459 · e436459
2 parents bc2697f + 8286fe1
commit e436459
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 2 deletions.
diff --git a/packages/insight-previous/src/components/transaction-list/transaction-list.html b/packages/insight-previous/src/components/transaction-list/transaction-list.html
@@ -5,10 +5,15 @@
 
 <div *ngIf="!loading">
   <ion-grid>
-    <ion-row *ngFor="let tx of transactions">
-      <ion-col col-12>
+    <ion-row *ngFor="let tx of transactions; let i = index">
+      <ion-col col-12 *ngIf="i < limit">
         <transaction [tx]="tx"></transaction>
       </ion-col>
     </ion-row>
+    <ion-row *ngIf="limit < transactions.length">
+      <ion-col col-12 text-center (click)="loadMore()">
+        <a>Load More</a>
+      </ion-col>
+    </ion-row>
   </ion-grid>
 </div>
diff --git a/packages/insight-previous/src/components/transaction-list/transaction-list.ts b/packages/insight-previous/src/components/transaction-list/transaction-list.ts
@@ -15,6 +15,9 @@ export class TransactionListComponent implements OnInit {
   @Input()
   public transactions?: any = [];
 
+  limit = 10;
+  chunkSize = 100;
+
   constructor(private txProvider: TxsProvider) {}
 
   ngOnInit(): void {
@@ -33,4 +36,9 @@ export class TransactionListComponent implements OnInit {
       this.loading = false;
     }
   }
+
+  loadMore() {
+    this.limit += this.chunkSize;
+    this.chunkSize *= 2;
+  }
 }