Use Radix tooltip for disabled Create buttons

↗ view on GitHub · andrew · 2026-05-05 · 766d170d

Native title-attr tooltips don't reliably fire on disabled <button>
elements (browser-dependent). Switch to @radix-ui/react-tooltip with
a span wrapper around the disabled button so hover events are captured.

- Add @radix-ui/react-tooltip dep
- Add components/ui/tooltip.tsx (shadcn-style wrappers)
- Wrap the disabled Create button in AddNewTRModal and NewWorkflowModal
- Switch Amplify build from npm ci to npm install (committed amplify.yml
  at repo root) so adding deps doesn't require regenerating the lockfile

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
Repository easterbrooka/mike
Author andrew <andrew@wrmk.co.nz>
Authored
Parents bcee2369
Stats 5 files changed , +121 , -29
Part of Hover tooltip on disabled Create buttons

Capture this commit into my fork

Download a Markdown prompt that tells Claude how to port this exact commit into your working tree. Run it via claude -p < capture-commit-766d170d.md from inside the repo you want the change in.

⬇ Download capture-commit-766d170d.md