GlcoinCore/mempool
1
0
Fork 0
mirror of https://github.com/mempool/mempool.git synced 2026-08-13 12:33:11 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions 3

[graph] fix block-fees-subsidy graph legend persistence

Browse source
This commit is contained in:
nymkappa 2026-02-18 09:47:56 +01:00
parent 07e811e52a
commit 6e7047d29b
No known key found for this signature in database
GPG key ID: A7895A957BA87DBA
1 changed files with 27 additions and 9 deletions
Download patch file Download diff file Expand all files Collapse all files

36
frontend/src/app/components/block-fees-subsidy-graph/block-fees-subsidy-graph.component.ts
View file

@ -53,6 +53,7 @@ export class BlockFeesSubsidyGraphComponent implements OnInit {
updateZoom = false;
zoomSpan = 100;
zoomTimeSpan = '';
legend: { mode: 'normal' | 'fiat' | 'percentage', subsidy: boolean, fees: boolean } = { mode: 'normal', subsidy: true, fees: true };
constructor(
@Inject(LOCALE_ID) public locale: string,
@ -83,6 +84,16 @@ export class BlockFeesSubsidyGraphComponent implements OnInit {
this.radioGroupForm = this.formBuilder.group({ dateSpan: this.miningWindowPreference });
this.radioGroupForm.controls.dateSpan.setValue(this.miningWindowPreference);
try {
this.legend = JSON.parse(this.storageService.getValue('fees_subsidy_legend'));
if (!this.legend) {
this.legend = { mode: 'normal', subsidy: true, fees: true };
}
this.displayMode = this.legend.mode;
} catch (e) {
this.storageService.removeItem('fees_subsidy_legend');
}
this.route
.fragment
.subscribe((fragment) => {
@ -273,12 +284,12 @@ export class BlockFeesSubsidyGraphComponent implements OnInit {
},
],
selected: {
'Subsidy (USD)': this.displayMode === 'fiat',
'Fees (USD)': this.displayMode === 'fiat',
'Subsidy': this.displayMode === 'normal',
'Fees': this.displayMode === 'normal',
'Subsidy (%)': this.displayMode === 'percentage',
'Fees (%)': this.displayMode === 'percentage',
'Subsidy (USD)': this.displayMode === 'fiat' && this.legend.subsidy,
'Fees (USD)': this.displayMode === 'fiat' && this.legend.fees,
'Subsidy': this.displayMode === 'normal' && this.legend.subsidy,
'Fees': this.displayMode === 'normal' && this.legend.fees,
'Subsidy (%)': this.displayMode === 'percentage' && this.legend.subsidy,
'Fees (%)': this.displayMode === 'percentage' && this.legend.fees,
},
},
yAxis: this.data.blockFees.length === 0 ? undefined : [
@ -410,11 +421,18 @@ export class BlockFeesSubsidyGraphComponent implements OnInit {
mode = 'normal';
}
if (this.displayMode === mode) {return;}
const switchingMode = params.selected[params.name];
const isActivation = params.selected[params.name];
this.legend.mode = mode;
this.legend.fees = switchingMode || params.selected['Fees'] || params.selected['Fees (%)'] || params.selected['Fees (USD)'];
this.legend.subsidy = switchingMode || params.selected['Subsidy'] || params.selected['Subsidy (%)'] || params.selected['Subsidy (USD)'];
this.storageService.setValue('fees_subsidy_legend', JSON.stringify(this.legend));
if (isActivation) {
if (this.displayMode === mode) {
return;
}
if (switchingMode) {
this.displayMode = mode;
this.chartInstance.dispatchAction({ type: this.displayMode === 'normal' ? 'legendSelect' : 'legendUnSelect', name: 'Subsidy' });
this.chartInstance.dispatchAction({ type: this.displayMode === 'normal' ? 'legendSelect' : 'legendUnSelect', name: 'Fees' });