Implement tooltip on custom call type#182
Conversation
Signed-off-by: kumaradityaraj <sedulous.0007@gmail.com>
✅ Deploy Preview for swf-editor ready!
To edit notification comments on pull requests, go to your Netlify project configuration. |
There was a problem hiding this comment.
Pull request overview
Note
Copilot was unable to run its full agentic suite in this review.
This PR replaces the browser default title tooltip for unknown task badges with the app’s Tooltip component to provide a consistent UI.
Changes:
- Adds Tooltip UI components to
Nodes.tsx - Wraps custom/unknown badges with
TooltipTriggerandTooltipContent - Introduces inline color styling based on
prefers-color-scheme
💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.
|
@lornakelly Please review this. |
Signed-off-by: kumaradityaraj <sedulous.0007@gmail.com>
Signed-off-by: kumaradityaraj <sedulous.0007@gmail.com>
Signed-off-by: kumaradityaraj <sedulous.0007@gmail.com>
Signed-off-by: kumaradityaraj <sedulous.0007@gmail.com>
Signed-off-by: kumaradityaraj <sedulous.0007@gmail.com>
Signed-off-by: kumaradityaraj <sedulous.0007@gmail.com>
Signed-off-by: kumaradityaraj <sedulous.0007@gmail.com>
| color: color-mix(in srgb, var(--task-node-color) 18%, white); | ||
| background-color: color-mix(in srgb, var(--task-node-color) 40%, transparent); | ||
| } | ||
| }ho |
| @@ -17,7 +17,7 @@ catalogs: | |||
| version: 5.2.1 | |||
There was a problem hiding this comment.
You have not added dependencies so the lock file should not be changed, you might be out of sync locally
| const callBadge = screen.getByTestId("call-node-n1-badge-custom"); | ||
| expect(callBadge).toBeInTheDocument(); | ||
| expect(callBadge.textContent).toBe("customCall"); | ||
| expect(callBadge).toHaveAttribute("title", "customCall"); |
There was a problem hiding this comment.
Need to add a test to verify correct tooltip content is displayed
|
@kumaradityaraj also make sure to add changeset |
Closes
A small, reusable tooltip component and use it to replace the native browser title tooltip currently shown on custom call type badges.