Infinite scroll replaces "load more" buttons.

frontend/src/app/components/block/block.component.html

@@ -65,14 +65,13 @@
 
     <br>
 
-    <app-transactions-list [transactions]="transactions"></app-transactions-list>
+    <app-transactions-list [transactions]="transactions" (loadMore)="loadMore()"></app-transactions-list>
 
     <div class="text-center">
       <ng-template [ngIf]="isLoadingTransactions">
         <div class="spinner-border"></div>
         <br><br>
       </ng-template>
-      <button *ngIf="transactions?.length && transactions?.length !== block.tx_count" type="button" class="btn btn-primary" (click)="loadMore()">Load more</button>
     </div>
 
   </ng-template>

frontend/src/app/components/block/block.component.ts

@@ -96,6 +96,10 @@ export class BlockComponent implements OnInit {
   }
 
   loadMore() {
+    if (this.isLoadingTransactions || !this.transactions.length || this.transactions.length === this.block.tx_count) {
+      return;
+    }
+
     this.isLoadingTransactions = true;
     this.electrsApiService.getBlockTransactions$(this.block.id, this.transactions.length)
       .subscribe((transactions) => {