Implement dynamic fee rate based on fee_rate_statistics

[Keith-CY]

PRD: #87
UI: Magickbase/visual-style-guide#21

[alexsupa597]

PR: nervosnetwork/neuron#2587

[alexsupa597]

@Keith-CY @Kirl70 To confirm, I think the countdown of this place is misplaced. It should be in the tab of custom price, right?

PS: should the price in the dropdown also need update based on the data from the server? If so, I want to know how can I compute the total fee we should pay.

https://www.figma.com/file/6XNoimRDbFTTNm016rbIdU/Magickbase?node-id=319%3A4539&t=CWzeBjkusAhZL7SX-0

[Keith-CY]

@Keith-CY @Kirl70 To confirm, I think the countdown of this place is misplaced. It should be in the tab of custom price, right?

The countdown should be placed with the pre-defined 3 gears of prices, these 3 gears update automatically.

When the custom price is active, the price is from what entered by users and won't update automatically

PS: should the price in the dropdown also need update based on the data from the server? If so, I want to know how can I compute the total fee we should pay.

figma.com/file/6XNoimRDbFTTNm016rbIdU/Magickbase?node-id=319%3A4539&t=CWzeBjkusAhZL7SX-0

The fee changes along with the price. fee = tx_size * price, the tx_size could be get from a serialized transaction, ref: https://github.com/nervosnetwork/neuron/blob/ce2c08f00269aba13979853a38cb72ae42b12b6a/packages/neuron-wallet/src/services/transaction-sender.ts#L709

When the tx is invalid, it cannot be serialized, and the fee is 0 or -(better to confirm with @Danie0918)

[alexsupa597]

The new PR is here: nervosnetwork/neuron#2599

[Cedar67]

The new PR is here: nervosnetwork/neuron#2599

Custom prices and unit prices are only displayed in Simplified Chinese, and cannot be switched to English or Traditional Chinese.