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

UI/UX: Fix Blockchain skeleton preloader. (#696)

Browse Source 
* Fix Blockchain skeleton preloader.

* Fix Mempool Blocks skeleton preloader.

* Add e2e test.

* Add shared command to cyrpress e2e test.
This commit is contained in:
Miguel Medeiros
2021-08-06 08:09:47 -03:00
committed by GitHub
parent 9f645e0bee
commit 63e14f454c
7 changed files with 69 additions and 34 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
frontend/src/app/components/mempool-blocks/mempool-blocks.component.ts
View File

@@ -21,6 +21,7 @@ export class MempoolBlocksComponent implements OnInit, OnDestroy {
mempoolBlocksFull: MempoolBlock[] = this.mountEmptyBlocks();
mempoolBlockStyles = [];
markBlocksSubscription: Subscription;
isLoadingWebsocketSubscription: Subscription;
blockSubscription: Subscription;
networkSubscription: Subscription;
network = '';
@@ -55,6 +56,11 @@ export class MempoolBlocksComponent implements OnInit, OnDestroy {
});
this.reduceMempoolBlocksToFitScreen(this.mempoolBlocks);
this.stateService.isTabHidden$.subscribe((tabHidden) => this.tabHidden = tabHidden);
this.isLoadingWebsocketSubscription = this.stateService.isLoadingWebSocket$.subscribe((loading) => {
this.loadingMempoolBlocks = loading;
this.cd.markForCheck();
});
this.mempoolBlocks$ = merge(
of(true),
@@ -164,6 +170,7 @@ export class MempoolBlocksComponent implements OnInit, OnDestroy {
this.markBlocksSubscription.unsubscribe();
this.blockSubscription.unsubscribe();
this.networkSubscription.unsubscribe();
this.isLoadingWebsocketSubscription.unsubscribe();
clearTimeout(this.resetTransitionTimeout);
}