We want a new icon for "user action required" state
We want the icon's state to be more prominent
For reference, compare the state prominence part with GitHub Notifier extension (the red cross dot in our extension icon maybe visible in screenshot, but not in browser toolbar):
@raducristianpopa tried some icons in Figma, to show more emphasis on state
We want to fix when each icon is displayed as follows:
WM (continuous payments) is enabled & wallet connected
web monetized website (has valid link tag) => active icon + green dot
non-web monetized website => active icon + red dot
WM is disabled and wallet connected
web monetized website => inactive + yellow/orange dot
non-web monetized website => inactive icon + red dot
Error state
inactive icon + warning sign (new icon)
Default state
Active icon without any dots/signs
Note that just relying on dot's color won't be enough from accessibility perspective. Having some sort of text/icon, such as exclamation mark would be necessary.
Discussed with @raducristianpopa over https://github.com/interledger/web-monetization-extension/pull/368
Two parts:
For reference, compare the state prominence part with GitHub Notifier extension (the red cross dot in our extension icon maybe visible in screenshot, but not in browser toolbar):
@raducristianpopa tried some icons in Figma, to show more emphasis on state
We want to fix when each icon is displayed as follows:
Note that just relying on dot's color won't be enough from accessibility perspective. Having some sort of text/icon, such as exclamation mark would be necessary.