Settings page: Checkbox for en-/disabling filter lists feels sluggish
Background
On the old options page in Chrome en-/disabling filter lists result in immediate feedback whereas in the current one we wait for the action to succeed before reflecting the new state in the UI. The former approach may result in us having to visibly revert the action whereas the latter means that it'll take a while until the UI gets updated.
Previous:
- Checkbox is unchecked
- User clicks on checkbox
- Checkbox is checked
- Action finishes
- Checkbox is checked
Current:
- Checkbox is unchecked
- User clicks on checkbox
- Action finishes
- Checkbox is checked
Goal
Improve the perceived interactivity of the checkbox by having a visual indicator appear on-action.
What to do
Implement checkbox action as specified here: https://gitlab.com/eyeo/specs/spec/merge_requests/168
- Checkbox is unchecked
- User clicks on checkbox
- Loading indicator
- Action finishes
- Checkbox is checked
If there is a failure before the action finishes, then timeout the loading indicator and display an error message on the page as outlined in https://gitlab.com/eyeo/adblockplus/adblockplusui/issues/7.