From 2a468e52c40b33e284b65aed3ca59acb0f874903 Mon Sep 17 00:00:00 2001 From: Ant Date: Fri, 13 Feb 2026 18:55:59 +0000 Subject: [PATCH 1/7] made vertical padding between panels consistent --- frontend/src/app/dashboard/dashboard.component.html | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/frontend/src/app/dashboard/dashboard.component.html b/frontend/src/app/dashboard/dashboard.component.html index 1a314a1d00..5ddb975c49 100644 --- a/frontend/src/app/dashboard/dashboard.component.html +++ b/frontend/src/app/dashboard/dashboard.component.html @@ -76,7 +76,7 @@
Bitcoin Knots Netwo -
+
BIP 110 Network Distribution
From c8cf0aaca5148d3722adebad1520280f412080cd Mon Sep 17 00:00:00 2001 From: Ant Date: Fri, 13 Feb 2026 18:56:54 +0000 Subject: [PATCH 2/7] knots nodes chart tooltip background matches other chart and makes text legible --- .../knots-nodes-chart.component.ts | 14 +++++++------- 1 file changed, 7 insertions(+), 7 deletions(-) diff --git a/frontend/src/app/components/knots-nodes-chart/knots-nodes-chart.component.ts b/frontend/src/app/components/knots-nodes-chart/knots-nodes-chart.component.ts index fdf497bc1d..77e4ebdeb5 100644 --- a/frontend/src/app/components/knots-nodes-chart/knots-nodes-chart.component.ts +++ b/frontend/src/app/components/knots-nodes-chart/knots-nodes-chart.component.ts @@ -1,11 +1,10 @@ -import { ChangeDetectionStrategy, Component, Input, NgZone, OnInit, HostBinding } from '@angular/core'; +import { ChangeDetectionStrategy, Component, HostBinding, Input, NgZone, OnInit } from '@angular/core'; import { Observable } from 'rxjs'; -import { map, shareReplay, tap } from 'rxjs/operators'; -import { EChartsOption, PieSeriesOption } from '../../graphs/echarts'; -import { BitnodesService, KnotsNodeStats, KnotsNodeResponse } from '../../services/bitnodes.service'; -import { originalChartColors as chartColors } from '../../app.constants'; -import { download } from '../../shared/graphs.utils'; +import { shareReplay, tap } from 'rxjs/operators'; +import { EChartsOption } from '../../graphs/echarts'; +import { BitnodesService, KnotsNodeResponse, KnotsNodeStats } from '../../services/bitnodes.service'; import { isMobile } from '../../shared/common.utils'; +import { download } from '../../shared/graphs.utils'; @Component({ selector: 'app-knots-nodes-chart', @@ -196,7 +195,8 @@ export class KnotsNodesChartComponent implements OnInit { trigger: 'item', textStyle: { align: 'left', - } + }, + backgroundColor: 'rgba(17, 19, 31, 1)', }, series: [ { From 13c43fc0b5a2c18de1888481c196919c675df6ad Mon Sep 17 00:00:00 2001 From: Ant Date: Fri, 13 Feb 2026 18:57:42 +0000 Subject: [PATCH 3/7] removed uncessary chart tooltip colour and aligned text left for consistency --- .../ocean-hashrate-chart.component.ts | 12 ++++++------ 1 file changed, 6 insertions(+), 6 deletions(-) diff --git a/frontend/src/app/components/ocean-hashrate-chart/ocean-hashrate-chart.component.ts b/frontend/src/app/components/ocean-hashrate-chart/ocean-hashrate-chart.component.ts index 44cf2f2329..e9c6240ef3 100644 --- a/frontend/src/app/components/ocean-hashrate-chart/ocean-hashrate-chart.component.ts +++ b/frontend/src/app/components/ocean-hashrate-chart/ocean-hashrate-chart.component.ts @@ -1,11 +1,11 @@ -import { ChangeDetectionStrategy, Component, Input, NgZone, OnInit, HostBinding } from '@angular/core'; +import { ChangeDetectionStrategy, Component, HostBinding, Input, NgZone, OnInit } from '@angular/core'; import { Observable } from 'rxjs'; -import { map, shareReplay, tap } from 'rxjs/operators'; -import { EChartsOption, PieSeriesOption } from '../../graphs/echarts'; -import { OceanService, OceanTemplateStats, OceanHashrateData } from '../../services/ocean.service'; +import { shareReplay, tap } from 'rxjs/operators'; import { originalChartColors as chartColors } from '../../app.constants'; -import { download } from '../../shared/graphs.utils'; +import { EChartsOption, PieSeriesOption } from '../../graphs/echarts'; +import { OceanHashrateData, OceanService, OceanTemplateStats } from '../../services/ocean.service'; import { isMobile } from '../../shared/common.utils'; +import { download } from '../../shared/graphs.utils'; @Component({ selector: 'app-ocean-hashrate-chart', @@ -132,7 +132,7 @@ export class OceanHashrateChartComponent implements OnInit { tooltip: { trigger: 'item', textStyle: { - color: '#b1b1b1', + align: 'left', }, backgroundColor: 'rgba(17, 19, 31, 1)', borderRadius: 4, From ce84eeeda24f4e8d90c00b175d0a19b48bccf903 Mon Sep 17 00:00:00 2001 From: Ant Date: Fri, 13 Feb 2026 19:39:45 +0000 Subject: [PATCH 4/7] changed local dev proxy target url to point to .guide --- frontend/proxy.conf.js | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/frontend/proxy.conf.js b/frontend/proxy.conf.js index 05f7550e06..2082189ba9 100644 --- a/frontend/proxy.conf.js +++ b/frontend/proxy.conf.js @@ -26,14 +26,14 @@ PROXY_CONFIG = [ '!/liquidtestnet', '!/liquidtestnet/**', '!/liquidtestnet/', '/testnet/api/**', '/signet/api/**', '/testnet4/api/**' ], - target: "https://mempool.space", + target: "https://mempool.guide", ws: true, secure: false, changeOrigin: true }, { context: ['/api/v1/ws'], - target: "https://mempool.space", + target: "https://mempool.guide", ws: true, secure: false, changeOrigin: true, @@ -57,7 +57,7 @@ PROXY_CONFIG = [ }, { context: ['/resources/mining-pools/**'], - target: "https://mempool.space", + target: "https://mempool.guide", secure: false, changeOrigin: true } @@ -75,7 +75,7 @@ if (configContent && configContent.BASE_MODULE == "liquid") { } else { PROXY_CONFIG.push({ context: ['/resources/assets.json', '/resources/assets.minimal.json', '/resources/worldmap.json'], - target: "https://mempool.space", + target: "https://mempool.guide", secure: false, changeOrigin: true, }); From feaeab9c307518bb47f78f22592ec89a1f4991b8 Mon Sep 17 00:00:00 2001 From: Ant Date: Fri, 13 Feb 2026 19:55:45 +0000 Subject: [PATCH 5/7] reverted imports auto organize --- .../knots-nodes-chart/knots-nodes-chart.component.ts | 11 ++++++----- .../ocean-hashrate-chart.component.ts | 10 +++++----- 2 files changed, 11 insertions(+), 10 deletions(-) diff --git a/frontend/src/app/components/knots-nodes-chart/knots-nodes-chart.component.ts b/frontend/src/app/components/knots-nodes-chart/knots-nodes-chart.component.ts index 77e4ebdeb5..fbd7a5b881 100644 --- a/frontend/src/app/components/knots-nodes-chart/knots-nodes-chart.component.ts +++ b/frontend/src/app/components/knots-nodes-chart/knots-nodes-chart.component.ts @@ -1,10 +1,11 @@ -import { ChangeDetectionStrategy, Component, HostBinding, Input, NgZone, OnInit } from '@angular/core'; +import { ChangeDetectionStrategy, Component, Input, NgZone, OnInit, HostBinding } from '@angular/core'; import { Observable } from 'rxjs'; -import { shareReplay, tap } from 'rxjs/operators'; -import { EChartsOption } from '../../graphs/echarts'; -import { BitnodesService, KnotsNodeResponse, KnotsNodeStats } from '../../services/bitnodes.service'; -import { isMobile } from '../../shared/common.utils'; +import { map, shareReplay, tap } from 'rxjs/operators'; +import { EChartsOption, PieSeriesOption } from '../../graphs/echarts'; +import { BitnodesService, KnotsNodeStats, KnotsNodeResponse } from '../../services/bitnodes.service'; +import { originalChartColors as chartColors } from '../../app.constants'; import { download } from '../../shared/graphs.utils'; +import { isMobile } from '../../shared/common.utils'; @Component({ selector: 'app-knots-nodes-chart', diff --git a/frontend/src/app/components/ocean-hashrate-chart/ocean-hashrate-chart.component.ts b/frontend/src/app/components/ocean-hashrate-chart/ocean-hashrate-chart.component.ts index e9c6240ef3..5f4c993167 100644 --- a/frontend/src/app/components/ocean-hashrate-chart/ocean-hashrate-chart.component.ts +++ b/frontend/src/app/components/ocean-hashrate-chart/ocean-hashrate-chart.component.ts @@ -1,11 +1,11 @@ -import { ChangeDetectionStrategy, Component, HostBinding, Input, NgZone, OnInit } from '@angular/core'; +import { ChangeDetectionStrategy, Component, Input, NgZone, OnInit, HostBinding } from '@angular/core'; import { Observable } from 'rxjs'; -import { shareReplay, tap } from 'rxjs/operators'; -import { originalChartColors as chartColors } from '../../app.constants'; +import { map, shareReplay, tap } from 'rxjs/operators'; import { EChartsOption, PieSeriesOption } from '../../graphs/echarts'; -import { OceanHashrateData, OceanService, OceanTemplateStats } from '../../services/ocean.service'; -import { isMobile } from '../../shared/common.utils'; +import { OceanService, OceanTemplateStats, OceanHashrateData } from '../../services/ocean.service'; +import { originalChartColors as chartColors } from '../../app.constants'; import { download } from '../../shared/graphs.utils'; +import { isMobile } from '../../shared/common.utils'; @Component({ selector: 'app-ocean-hashrate-chart', From 10c0b07fc14ef9ab4ed1a7d574841622b747bbaa Mon Sep 17 00:00:00 2001 From: Ant Date: Fri, 13 Feb 2026 20:12:35 +0000 Subject: [PATCH 6/7] fixed knots chart not animating on hover --- .../knots-nodes-chart/knots-nodes-chart.component.ts | 4 +++- 1 file changed, 3 insertions(+), 1 deletion(-) diff --git a/frontend/src/app/components/knots-nodes-chart/knots-nodes-chart.component.ts b/frontend/src/app/components/knots-nodes-chart/knots-nodes-chart.component.ts index fbd7a5b881..5d747bdb0d 100644 --- a/frontend/src/app/components/knots-nodes-chart/knots-nodes-chart.component.ts +++ b/frontend/src/app/components/knots-nodes-chart/knots-nodes-chart.component.ts @@ -190,7 +190,7 @@ export class KnotsNodesChartComponent implements OnInit { } this.chartOptions = { - animation: false, + animation: true, color: ['#1E88E5', '#8E24AA'], tooltip: { trigger: 'item', @@ -222,6 +222,8 @@ export class KnotsNodesChartComponent implements OnInit { borderColor: '#000', }, emphasis: { + scale: true, + scaleSize: 10, itemStyle: { shadowBlur: 40, shadowColor: 'rgba(0, 0, 0, 0.75)', From 5225b42bcf38dd41266a08e9eb727032fd40f996 Mon Sep 17 00:00:00 2001 From: Ant Date: Fri, 13 Feb 2026 20:42:03 +0000 Subject: [PATCH 7/7] made charts label lines length consistent --- .../knots-nodes-chart.component.ts | 1 + .../ocean-hashrate-chart.component.ts | 20 +++++++++---------- 2 files changed, 11 insertions(+), 10 deletions(-) diff --git a/frontend/src/app/components/knots-nodes-chart/knots-nodes-chart.component.ts b/frontend/src/app/components/knots-nodes-chart/knots-nodes-chart.component.ts index 5d747bdb0d..ea6bf993ee 100644 --- a/frontend/src/app/components/knots-nodes-chart/knots-nodes-chart.component.ts +++ b/frontend/src/app/components/knots-nodes-chart/knots-nodes-chart.component.ts @@ -208,6 +208,7 @@ export class KnotsNodesChartComponent implements OnInit { radius: pieSize, data: pieData, labelLine: { + length2: 25, lineStyle: { width: 2, }, diff --git a/frontend/src/app/components/ocean-hashrate-chart/ocean-hashrate-chart.component.ts b/frontend/src/app/components/ocean-hashrate-chart/ocean-hashrate-chart.component.ts index 5f4c993167..a2e6c720a2 100644 --- a/frontend/src/app/components/ocean-hashrate-chart/ocean-hashrate-chart.component.ts +++ b/frontend/src/app/components/ocean-hashrate-chart/ocean-hashrate-chart.component.ts @@ -156,11 +156,10 @@ export class OceanHashrateChartComponent implements OnInit { label: { show: true, // Always show labels position: 'outside', - alignTo: 'edge', minMargin: 5, edgeDistance: edgeDistance, lineHeight: 15, - fontSize: this.widget ? 10 : 12, + fontSize: 14, fontWeight: 'normal', formatter: (data: any) => { const percentage = data.data?.percentage || data.percentage || 0; @@ -175,15 +174,11 @@ export class OceanHashrateChartComponent implements OnInit { } } }, - labelLine: { - show: true, // Always show label lines - length: this.widget ? 10 : 20, - length2: this.widget ? 3 : 5, - maxSurfaceAngle: 80, + labelLine: { + length2: 25, lineStyle: { - color: '#666666', - width: 1 - } + width: 2, + }, }, emphasis: { scale: true, @@ -192,6 +187,11 @@ export class OceanHashrateChartComponent implements OnInit { shadowBlur: 10, shadowOffsetX: 0, shadowColor: 'rgba(0, 0, 0, 0.5)' + }, + labelLine: { + lineStyle: { + width: 3, + } } }, itemStyle: {