f1-dash icon indicating copy to clipboard operation
f1-dash copied to clipboard

feature/tooltips

Open dannybd opened this issue 11 months ago • 2 comments

f1-dash is incredible, and simultaneously has a lot of information on it to absorb as you begin using it. The Help page is useful, but is also a click away—which might cause de-sync or delay issues if you're trying to learn how the dashboard works in the middle of a race.

This PR introduces tooltips throughout the Dashboard UI. This way, users can see explainers for what various color/opacity combos mean across the UI just by hovering over the elements. I've used react-tooltip to support this, and now the UI is self-documenting as you use it.

Hovering over 'HAM' and the tooltip shows 'Lewis HAMILTON #44'

Tooltip reads 'Track temp' over one of the temperature dials

Tooltip reads 'Brake' for the driver controls

If anyone doesn't like the tooltips, they can also be turned off from the user settings: Settings page includes 'Show tooltips'

I followed the contributing guildelines, ran prettier on all modified files, build passes, and yarn start is where I took these screenshots.

dannybd avatar Mar 22 '25 21:03 dannybd

@dannybd is attempting to deploy a commit to the f1-dash Team on Vercel.

A member of the Team first needs to authorize it.

vercel[bot] avatar Mar 22 '25 21:03 vercel[bot]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name Status Preview Comments Updated (UTC)
f1-dash ✅ Ready (Inspect) Visit Preview 💬 Add feedback Mar 23, 2025 7:20am

vercel[bot] avatar Mar 23 '25 07:03 vercel[bot]