Build UI for color accessibility filters

[orangemug]

Build a UI for the color accessibility filters added in issue #312.

Initial thoughts: Change the map/inspect button into a 'menu button' of possible options

• deuteranopia
• protanopia
• tritanopia
• achromatopsia

I'm picking these because this is what Color Oracle uses and I don't think we want to overwhelm users with options.

Tasks

• Suggest solution (if different from above), wait for feedback from users
• Build either mockup or working UI

Note that we use react-aria-menubutton else where, see

https://github.com/maputnik/editor/blob/edd09ef585c809e033ecd3b71d2745738cd4583a/src/components/layers/LayerEditor.jsx#L254-L274

[orangemug]

Initial idea for a UI for color accessibility filters

• branch: master...orangemug:feature/color-accessibility-ui
• demo: https://629-84182601-gh.circle-artifacts.com/0/artifacts/build/index.html#0.36/0/0

I like the idea of changing the current map 'view' and bundling inspect in with those options. However it doesn't currently show you what 'view' you're currently in. I guess we could replace the <Menu> with a <select>

Any ideas/feedback welcome and encouraged

[orangemug]

Resolved in #392