Add a tooltip that explains what the resync button does

[1egoman]

The Backstroke dashboard has a button that manually resyncs links. Because of space reasons, it's not very descriptive. It's be really neat if hovering over the button showed a tooltip that explained more about the button's purpose.

Ideally, it would also be great if this tooltip was a reusable component that could be used in other places on the page too. We have a handy script that will scaffold out a component for you, check it out with yarn make-component or look at the source here.

Here's a design mockup of what I had in mind, though feel free to suggest better ideas:

Thanks for contributing!

[lindsaybangs]

I can give this one a try. I have the Backstroke app running locally.

[1egoman]

Great! Let me know if you need any help or have any questions.

[1egoman]

@lindsaybangs Were you able to get to this?

[lindsaybangs]

Sorry, I haven't been able to sit down with React for long enough. Are there any particularly good resources for learning?

[1egoman]

@lindsaybangs I recommend https://reactjs.org/docs/hello-world.html and some of the egghead.io videos.