Add mempool chart filtering.

[MiguelMedeiros]

Fix #834 .

Preview

[wiz]

I think this should be moved into a drop-down box, using the "filter" button like how the bisq.markets transactions table can be filtered - we don't want to lose that nice full-width chart that you just made :)

[MiguelMedeiros]

I think this should be moved into a drop-down box, using the "filter" button like how the bisq.markets transactions table can be filtered - we don't want to lose that nice full-width chart that you just made :)

Hey @wiz ! I've changed the filtering to a dropdown menu, similar to bisq.markets transactions.

Preview

[softsimon]

I suggest:

1. Replace the "Fees Range" button text with a filter icon

2. Clicking a second time on the dropdown should close it

[wiz]

Miguel, this PR should not hide fee rate tiers above 200 sats/vB - we've discussed this many times already.

Before:

After:

[MiguelMedeiros]

@wiz @softsimon as you suggested:

Tasks

• Add toggle button to dropdown menu.
• Revert left margin from tv page.
• Change text dropdown filter to icon.
• Change dropdown inactive item color.
• Revert 500 limit rate.

Preview

[wiz]

It looks good, but when comparing it to the previous functionality I noticed you're filtering it the wrong way, i.e. we want to filter fee rate tiers below the selected value, not above it. For comparison, please see https://mempool.bitcoin.ninja/graphs which is running the old chart library and click on a middle fee rate tier and you'll see what I mean.

[MiguelMedeiros]

@wiz

Tasks

• Remove unnecessary code to controle legends.
• Fix order of active and inactive fee ranges.

Preview

[wiz]

Tested ACK @ a43cd48
Looks good and works well