Many of the buttons that perform API actions are not disabled when a user clicks on them, and also have no visual cue that they are doing something in the background. This behaviour can cause users to double and even sometimes triple click the button, sending multiple API requests at the same time, causing unexpected behaviour. To remedy this, we will update all buttons that make API requests to disable on click and change its text to a loading spinner.
Approach
In each of the following areas do:
Add logic to disable the button once it is clicked
Change the inner text of the button to be a loading spinner of some kind
Once the API request has finished (success or failure), re-enable the button and replace the text back to its original
Description
Many of the buttons that perform API actions are not disabled when a user clicks on them, and also have no visual cue that they are doing something in the background. This behaviour can cause users to double and even sometimes triple click the button, sending multiple API requests at the same time, causing unexpected behaviour. To remedy this, we will update all buttons that make API requests to disable on click and change its text to a loading spinner.
Approach
Blocks
Blocked By
Related To