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:

  1. Go to Server Settings > Files
  2. 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 Image Pasted at 2021-2-11 12-18

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)

Most upvoted comments

Or do you start out with nothing set up be default and can configure the storage provider only after going through the setup process by following the link?

This, you need to configure a storage provider first, regardless if it’s internal or external.

Also, I notice that clicking on this link is not the nicest experience because it just takes you to the top of the “Services” page and you have to know to scroll to the very bottom to get to the right section and click on the link there to get to the right setup screen.

Agreed, good idea.

Another topic is if external storage provider is proper term, since user can configure it both internally and externally ping @Kukks

and 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.

109374050-87c91900-7867-11eb-9b69-3e1d78a66c6d

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!

Or do you start out with nothing set up be default and can configure the storage provider only after going through the setup process by following the link?

This, you need to configure a storage provider first, regardless if it’s internal or external.

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.