netbirdio / netbird

Connect your devices into a secure WireGuard®-based overlay network with SSO, MFA and granular access controls.
https://netbird.io
BSD 3-Clause "New" or "Revised" License
10.74k stars 484 forks source link

[Netbird UI] Disable Connect Option While Connection is Ongoing #2141

Open marcportabellaclotet-mt opened 3 months ago

marcportabellaclotet-mt commented 3 months ago

Description:

I'm experiencing an issue with the UI of Netbird. When I click the "Connect" option, the client starts the connection process. However, if the client is not yet connected because the connection is still ongoing, the UI still shows the option to connect. This can be confusing, especially when the connection process takes more than 10 seconds, leading the user to think that the connection is not being started.

Steps to Reproduce:

  1. Open the Netbird UI.
  2. Click the "Connect" option.
  3. Observe that the "Connect" option remains clickable while the connection is being established.

Expected Behavior: Once the client starts the connection process, the "Connect" option should be automatically disabled to avoid user confusion. This will indicate that the connection process is in progress and prevent multiple attempts to connect.

Actual Behavior: The "Connect" option remains active and clickable while the connection is being established, causing confusion and potential multiple connection attempts.

Suggested Solution: Automatically disable the "Connect" option once the connection process starts. Re-enable the option only if the connection fails or the user disconnects.

Additional Context: This issue is particularly problematic when the connection process takes more than 10 seconds. Users may mistakenly believe that the connection was not initiated and attempt to connect multiple times.

Zaunei commented 3 months ago

This is also the feedback from our users. A "Connecting" state that is visible is missing. It also sometimes takes longer until the connection to the peers is complete and the routes are active, although the logo in the systray signals that the VPN is active, which also leads to confusion.