Infinite scroll replaces "load more" buttons.

2020-03-01 03:32:12 +07:00
parent 3d575035a1
commit ab9f39884f
11 changed files with 34 additions and 13 deletions
--- a/frontend/src/app/components/latest-blocks/latest-blocks.component.html
+++ b/frontend/src/app/components/latest-blocks/latest-blocks.component.html
@@ -1,4 +1,4 @@
-<table class="table table-borderless">
+<table class="table table-borderless" [fromRoot]="true" [infiniteScrollContainer]="'body'" infiniteScroll [infiniteScrollDistance]="1.5" [infiniteScrollUpDistance]="1.5" [infiniteScrollThrottle]="50" (scrolled)="loadMore()">
  <thead>
    <th style="width: 210px;">Height</th>
    <th class="d-none d-md-block" style="width: 210px;">Timestamp</th>
@@ -32,8 +32,3 @@
    </ng-template>
  </tbody>
 </table>
-
-<div class="text-center">
-  <br>
-  <button *ngIf="blocks.length" [disabled]="isLoading" type="button" class="btn btn-primary" (click)="loadMore()">Load more</button>
-</div>