Annotations: As a user I can toggle annotation streams on a dashboard

[hoorayimhelping]

GIVEN I have defined at least 1 annotation stream
AND it contains annotations data within the currently selected time range
AND I am viewing a dashboard

Enabling a stream

WHEN I click into the search input inside the annotations control bar
THEN I see a list of my annotation streams

WHEN I click on a stream
THEN it disappears from the list and appears as a "pill" in the control bar
AND I see annotation lines appear on the dashboard visualizations

Disabling a stream

GIVEN I have at least 1 stream enabled
AND I have the annotation control bar visible

WHEN I click the x button on a stream "pill"
THEN it disappears
AND all the annotation lines from that stream also disappear from the dashboard visualizations

GIF Preview

Technical

• Associated components: https://github.com/influxdata/ui/tree/master/src/annotations/components/controlBar
• Redux: https://github.com/influxdata/ui/blob/master/src/annotations/reducers/index.ts

[alexpaxton]

Feel free to modify the redux bits in here, not attached to the implementation