search

backstrokeapp / dashboard

The backstroke dashboard is a frontend dashboard to the backstroke service
https://app.backstroke.co
6 stars 8 forks source link

Add a tooltip that explains what the resync button does #5

Open 1egoman opened 7 years ago

1egoman commented 7 years ago

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:

screen shot 2017-10-10 at 7 11 51 am

Thanks for contributing!

lindsaybangs commented 7 years ago

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

1egoman commented 7 years ago

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

1egoman commented 7 years ago

@lindsaybangs Were you able to get to this?

lindsaybangs commented 7 years ago

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

1egoman commented 7 years ago

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