btcpayserver: Improve the UI in Server Settings > Files when storage provider is not configured
Describe the bug
BTCPay Server has a file storage system in Server Settings > Files where users can upload their files. For it to work, user first needs to choose storage provider (local storage or cloud).
Currently the way we communicate that may not be as clear on the first glance, so it would be a good idea to update the UI slightly. Perhaps we can add yellow warning box and position it better, with a better text than what we currently have.
What user should do here is click on the external storage provider link and then on that page configure the provider so that the files can be uploaded.
To Reproduce the bug Steps to reproduce the reported bug:
- Go to Server Settings > Files
- See the UI hiccup
Expected behavior
User should be able to figure out instantly that they are required to set up a local storage provider.
Screenshots

Your BTCPay Environment (please complete the following information):
- BTCPay Server Version: v1.0.6.8
- Deployment Method: Docker
About this issue
- Original URL
- State: closed
- Created 3 years ago
- Reactions: 1
- Comments: 15 (15 by maintainers)
This, you need to configure a storage provider first, regardless if it’s internal or external.
Agreed, good idea.
Another topic is if
external storage provideris proper term, since user can configure it both internally and externally ping @Kukksand ping our man @dstrukt for ideas on copy, position and the overall thoughts on how to proceed.
@dstrukt no need for too much structure. Don’t want to take your time since I’ve already agreed with @pavlenex on how to cleanup and opened PR, will finish it today.
Yes, there is a difference: Url: Always provides the file through BTCPay so that the link is http://btcpay.com/storage/{fileId} Direct: Provides a direct link to where the file is hosted (in this case storage is local so the url is not very different, but when you use Azure or another, it would show adasd.azure.com/download/blablabla
Url is always the recommended way, but if you uploaded a file through btcpay but did not want to depend on it for access to the file, use the direct url.
Also, not directly related to this issue but I wonder what the difference is between the URL and Direct URL is and if it would be useful to add some sort of tooltip or something else to explain the difference between the two.
Taking notes, great feedback from everyone on this screen - have some ideas, and will follow up with something after I deliver on the other few tasks!
Ok, that clarifies things. Sounds like making the UI a bit more obvious in telling the user that they must do something first before this feature is activated would be useful. I never made the connection myself.