diff --git a/frontend/src/app/components/clock-face/clock-face.component.ts b/frontend/src/app/components/clock-face/clock-face.component.ts
index 01e439e8e..c2c946b74 100644
--- a/frontend/src/app/components/clock-face/clock-face.component.ts
+++ b/frontend/src/app/components/clock-face/clock-face.component.ts
@@ -26,7 +26,6 @@ export class ClockFaceComponent implements OnInit, OnChanges, OnDestroy {
constructor(
public stateService: StateService,
- private websocketService: WebsocketService,
private cd: ChangeDetectorRef
) {
this.updateTime();
diff --git a/frontend/src/app/components/clock/clock.component.html b/frontend/src/app/components/clock/clock.component.html
index 914450a79..b869ef005 100644
--- a/frontend/src/app/components/clock/clock.component.html
+++ b/frontend/src/app/components/clock/clock.component.html
@@ -40,7 +40,7 @@
diff --git a/frontend/src/app/components/clock/clock.component.ts b/frontend/src/app/components/clock/clock.component.ts
index dea2de4c8..285f91ff8 100644
--- a/frontend/src/app/components/clock/clock.component.ts
+++ b/frontend/src/app/components/clock/clock.component.ts
@@ -52,7 +52,7 @@ export class ClockComponent implements OnInit {
ngOnInit(): void {
this.resizeCanvas();
- this.websocketService.want(['blocks']);
+ this.websocketService.want(['blocks', 'stats', 'mempool-blocks']);
this.blocksSubscription = this.stateService.blocks$
.subscribe(([block]) => {
diff --git a/frontend/src/app/components/mempool-graph/mempool-graph.component.ts b/frontend/src/app/components/mempool-graph/mempool-graph.component.ts
index cc53f425d..416b8f538 100644
--- a/frontend/src/app/components/mempool-graph/mempool-graph.component.ts
+++ b/frontend/src/app/components/mempool-graph/mempool-graph.component.ts
@@ -181,7 +181,7 @@ export class MempoolGraphComponent implements OnInit, OnChanges {
alwaysShowContent: false,
position: (pos, params, el, elRect, size) => {
const positions = { top: (this.template === 'advanced') ? 0 : -30 };
- positions[['left', 'right'][+(pos[0] < size.viewSize[0] / 2)]] = 60;
+ positions[['left', 'right'][+(pos[0] < size.viewSize[0] / 2)]] = 100;
return positions;
},
extraCssText: `width: ${(this.template === 'advanced') ? '275px' : '200px'};
@@ -189,10 +189,19 @@ export class MempoolGraphComponent implements OnInit, OnChanges {
border: none;
box-shadow: none;`,
axisPointer: {
- type: 'line',
+ type: 'cross',
+ label: {
+ formatter: (params: any) => {
+ if (params.axisDimension === 'y') {
+ return this.vbytesPipe.transform(params.value, 2, 'vB', 'MvB', true)
+ } else {
+ return formatterXAxis(this.locale, this.windowPreference, params.value);
+ }
+ }
+ }
},
formatter: (params: any) => {
- const axisValueLabel: string = formatterXAxis(this.locale, this.windowPreference, params[0].axisValue);
+ const axisValueLabel: string = formatterXAxis(this.locale, this.windowPreference, params[0].axisValue);
const { totalValue, totalValueArray } = this.getTotalValues(params);
const itemFormatted = [];
let totalParcial = 0;
diff --git a/frontend/src/app/shared/components/global-footer/global-footer.component.html b/frontend/src/app/shared/components/global-footer/global-footer.component.html
index 1d07d9ef2..0bac1f9ff 100644
--- a/frontend/src/app/shared/components/global-footer/global-footer.component.html
+++ b/frontend/src/app/shared/components/global-footer/global-footer.component.html
@@ -2,19 +2,21 @@
diff --git a/frontend/src/app/shared/components/global-footer/global-footer.component.ts b/frontend/src/app/shared/components/global-footer/global-footer.component.ts
index c1a26ac68..d4f1946ea 100644
--- a/frontend/src/app/shared/components/global-footer/global-footer.component.ts
+++ b/frontend/src/app/shared/components/global-footer/global-footer.component.ts
@@ -1,4 +1,4 @@
-import { ChangeDetectionStrategy, Component, OnInit } from '@angular/core';
+import { ChangeDetectionStrategy, Component, OnInit, Inject, LOCALE_ID } from '@angular/core';
import { Observable, merge, of, Subject } from 'rxjs';
import { tap, takeUntil } from 'rxjs/operators';
import { Env, StateService } from '../../../services/state.service';
@@ -28,6 +28,7 @@ export class GlobalFooterComponent implements OnInit {
public stateService: StateService,
private languageService: LanguageService,
private navigationService: NavigationService,
+ @Inject(LOCALE_ID) public locale: string,
) {}
ngOnInit(): void {