Proposal for UX improvement of Lightning setup page

Is your feature request related to a problem? Please describe. I’d like to see BTCPayServer as user-friendly as possible. Looking at the Lightning setup page, there’s a text field to enter the (scary looking) connections string and only at the bottom there’s a small link to get the internal configuration. A huge part of the page is taken by describing how to enter the connection string, which most users won’t even need to read.

Further, only one internal LN implementation is supported, which makes it harder to configure for users who would like to experiment with different LN nodes.

Describe the solution you’d like

• Change the layout to use a drop down (similar to off-lightning wallet), which could select from various internal implementations and have “Custom” option which would show the text field and the help under the text field.
• Allow entering the connection string in the configuration file more than once
• Add a new label parameter to the connection string, this label will be shown in the UI
• Use labels in Docker deployment (“Internal LND node”, “Internal Eclair node”, “Internal c-lightning node”)

Describe alternatives you’ve considered

• Keep scaring off users
• Fork the project and implement this feature

Provide examples I’m not a graphics designer but I hope I described it sufficiently above. If you have hard time imagining the above, I will try to provide example later.

[dennisreimann]

Explored this a bit, here’s a mockup of something that would work imho. /cc @dstrukt

We could expand this with additional radio options for multiple internal nodes in the future …

I think we should drastically shorten the warning and provide additional information via the Lightning Network documentation page.

Internal Node

Custom Node

[dstrukt]

@dennisreimann Looking good - liking the updates! I think it’s becoming a lot clearer + some of the bootstrap UI changes will help as well.

Working a bit this weekend to get all the things we discussed done, will take a pass at this.