machankura/mempool
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix loading state in blocks table issue

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
frontend/src/app/components/blocks-list/blocks-list.component.ts
View File

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

3
frontend/src/app/components/liquid-reserves-audit/recent-pegs-list/recent-pegs-list.component.ts
View File

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