Add URL pagination to block transaction list
This commit is contained in:
		
							parent
							
								
									f6dbe1e17f
								
							
						
					
					
						commit
						6b9159b89c
					
				| @ -302,8 +302,9 @@ export class BlockComponent implements OnInit, OnDestroy { | |||||||
|       throttleTime(300, asyncScheduler, { leading: true, trailing: true }), |       throttleTime(300, asyncScheduler, { leading: true, trailing: true }), | ||||||
|       shareReplay(1) |       shareReplay(1) | ||||||
|     ); |     ); | ||||||
|     this.transactionSubscription = block$.pipe( |     this.transactionSubscription = combineLatest([block$, this.route.queryParams]).pipe( | ||||||
|       switchMap((block) => this.electrsApiService.getBlockTransactions$(block.id) |       tap(([_, queryParams]) => this.page = +queryParams['page'] || 1), | ||||||
|  |       switchMap(([block, _]) => this.electrsApiService.getBlockTransactions$(block.id, (this.page - 1) * this.itemsPerPage) | ||||||
|         .pipe( |         .pipe( | ||||||
|           catchError((err) => { |           catchError((err) => { | ||||||
|             this.transactionsError = err; |             this.transactionsError = err; | ||||||
| @ -592,6 +593,7 @@ export class BlockComponent implements OnInit, OnDestroy { | |||||||
|     this.transactions = null; |     this.transactions = null; | ||||||
|     this.transactionsError = null; |     this.transactionsError = null; | ||||||
|     target.scrollIntoView(); // works for chrome
 |     target.scrollIntoView(); // works for chrome
 | ||||||
|  |     this.router.navigate([], { queryParams: { page: page }, queryParamsHandling: 'merge' }); | ||||||
| 
 | 
 | ||||||
|     this.electrsApiService.getBlockTransactions$(this.block.id, start) |     this.electrsApiService.getBlockTransactions$(this.block.id, start) | ||||||
|       .pipe( |       .pipe( | ||||||
|  | |||||||
		Loading…
	
	
			
			x
			
			
		
	
		Reference in New Issue
	
	Block a user