withdrawal/send: Support selecting custom sat per byte

[tiero]

At the moment we hardcoded to 0.1 sat per byte, if Liquid Network usage grows we must let the user decide

[Janaka-Steph]

Should it be a simple input, a slider?

[ghost]

Instead of slider I would like to use large buttons.

• This is a similar approach to BlueWallet & GreenWallet.
• People are already used to this UX pattern in GW (the most used liquid wallet).

Please let me know if you would like a different direction @Janaka-Steph

[tiero]

Agreed. We can re-use the same modal component used in Settings > L-BTC Unit (without the search box)

[ghost]

Perfect.

I've been getting familiarized with the codebase and setting up the environment these past two days. I'll submit a PR tomorrow morning to track the progress.

In the meantime I'll send you guys some screenshots of the UI I'm working on.

I like this approach because:

• It is non-invasive.
• It has a sane default.
• It allows customization only if the user wants to.

[Janaka-Steph]

Maybe better to use the same button style as the Confirm button, but with border radius similar to address input field ?
If we keep this button style (background similar to inputs, no border), I would still change the border radius and align with the input.
"0.1 sat/vByte" small cap should be nicer.
When clicking on button we show "Fast, Medium, Slow" but they are all set to 0.1 ?
We don't support custom fee?
@tiero @librepgp

[ghost]

Thanks for the feedback.

I'll do the custom fee like the second screenshot in BW.

At the bottom where it says "Personalizada" it means "Custom amount". You click it and then an input dialog pops up.

[ghost]

I'm done with the second screen. Any feedback on this new screen would be great :D @Janaka-Steph

I'll make sure to include the changes you suggested in the first screen.

The "NETWORK FREE" label and the "SAT/VBYTE" button I added are actually aligned with the "MAX"/"FIAT VALUE" labels above. I'll change the alignment and test out the other changes as well.