Fix loading state in blocks table issue

This commit is contained in:
natsoni 2024-06-26 14:20:49 +09:00
parent fc8f8abc7e
commit 7b6246a035
No known key found for this signature in database
GPG key ID: C65917583181743B
2 changed files with 5 additions and 2 deletions

View file

@ -85,15 +85,16 @@ export class BlocksList implements OnInit {
this.keyNavigationSubscription = this.stateService.keyNavigation$
.pipe(
tap((event) => {
this.isLoading = true;
const prevKey = this.dir === 'ltr' ? 'ArrowLeft' : 'ArrowRight';
const nextKey = this.dir === 'ltr' ? 'ArrowRight' : 'ArrowLeft';
if (event.key === prevKey && this.page > 1) {
this.page--;
this.isLoading = true;
this.cd.markForCheck();
}
if (event.key === nextKey && this.page * 15 < this.blocksCount) {
this.page++;
this.isLoading = true;
this.cd.markForCheck();
}
}),
@ -118,6 +119,7 @@ export class BlocksList implements OnInit {
if (this.blocksCount === undefined) {
this.blocksCount = blocks[0].height + 1;
this.blocksCountInitialized$.next(true);
this.blocksCountInitialized$.complete();
}
this.isLoading = false;
this.lastBlockHeight = Math.max(...blocks.map(o => o.height));

View file

@ -76,15 +76,16 @@ export class RecentPegsListComponent implements OnInit {
this.keyNavigationSubscription = this.stateService.keyNavigation$
.pipe(
tap((event) => {
this.isLoading = true;
const prevKey = this.dir === 'ltr' ? 'ArrowLeft' : 'ArrowRight';
const nextKey = this.dir === 'ltr' ? 'ArrowRight' : 'ArrowLeft';
if (event.key === prevKey && this.page > 1) {
this.page--;
this.isLoading = true;
this.cd.markForCheck();
}
if (event.key === nextKey && this.page < this.pegsCount / this.pageSize) {
this.page++;
this.isLoading = true;
this.cd.markForCheck();
}
}),