diff --git a/frontend/src/app/components/block/block.component.html b/frontend/src/app/components/block/block.component.html
index 414ab16dc..6b2e4705c 100644
--- a/frontend/src/app/components/block/block.component.html
+++ b/frontend/src/app/components/block/block.component.html
@@ -11,6 +11,10 @@
+
+ Hash |
+ {{ block.id | shortenString : 13 }} |
+
Timestamp |
@@ -20,10 +24,6 @@
|
-
- Transactions |
- {{ block.tx_count | number }} |
-
Size |
{{ block.size | bytes: 2 }} |
@@ -38,10 +38,6 @@
-
- Hash |
- {{ block.id | shortenString : 13 }} |
-
Median fee |
~{{ block.medianFee | number:'1.0-0' }} sat/vB () |
diff --git a/frontend/src/app/services/state.service.ts b/frontend/src/app/services/state.service.ts
index c54a914f9..51207c744 100644
--- a/frontend/src/app/services/state.service.ts
+++ b/frontend/src/app/services/state.service.ts
@@ -38,30 +38,36 @@ export class StateService {
constructor(
private router: Router,
) {
+ this.setNetworkBasedonUrl(window.location.pathname);
+
this.router.events.subscribe((event) => {
if (event instanceof NavigationStart) {
- switch (event.url.split('/')[1]) {
- case 'liquid':
- case 'liquid-tv':
- if (this.network !== 'liquid') {
- this.network = 'liquid';
- this.networkChanged$.next('liquid');
- }
- return;
- case 'testnet':
- case 'testnet-tv':
- if (this.network !== 'testnet') {
- this.network = 'testnet';
- this.networkChanged$.next('testnet');
- }
- return;
- default:
- if (this.network !== '') {
- this.network = '';
- this.networkChanged$.next('');
- }
- }
+ this.setNetworkBasedonUrl(event.url);
}
});
}
+
+ setNetworkBasedonUrl(url: string) {
+ switch (url.split('/')[1]) {
+ case 'liquid':
+ case 'liquid-tv':
+ if (this.network !== 'liquid') {
+ this.network = 'liquid';
+ this.networkChanged$.next('liquid');
+ }
+ return;
+ case 'testnet':
+ case 'testnet-tv':
+ if (this.network !== 'testnet') {
+ this.network = 'testnet';
+ this.networkChanged$.next('testnet');
+ }
+ return;
+ default:
+ if (this.network !== '') {
+ this.network = '';
+ this.networkChanged$.next('');
+ }
+ }
+ }
}
diff --git a/frontend/src/app/services/websocket.service.ts b/frontend/src/app/services/websocket.service.ts
index 5d60ce248..9d98888a3 100644
--- a/frontend/src/app/services/websocket.service.ts
+++ b/frontend/src/app/services/websocket.service.ts
@@ -24,14 +24,20 @@ export class WebsocketService {
private onlineCheckTimeout: number;
private onlineCheckTimeoutTwo: number;
private subscription: Subscription;
+ private network = '';
constructor(
private stateService: StateService,
) {
- this.websocketSubject = webSocket(WEB_SOCKET_URL + '/' + this.stateService.network);
+ this.network = this.stateService.network;
+ this.websocketSubject = webSocket(WEB_SOCKET_URL + '/' + this.network);
this.startSubscription();
this.stateService.networkChanged$.subscribe((network) => {
+ if (network === this.network) {
+ return;
+ }
+ this.network = network;
clearTimeout(this.onlineCheckTimeout);
clearTimeout(this.onlineCheckTimeoutTwo);