-
Notifications
You must be signed in to change notification settings - Fork 3
feat: filter button for graph view #354
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
base: main
Are you sure you want to change the base?
Conversation
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Pull Request Overview
This PR refactors the graph visualization UI to use a popover-based filter menu instead of radio buttons, updates edge styling, and introduces semi-transparent node backgrounds based on border colors. The default color grouping is also changed from 'provider' to 'source'.
- Replaced the radio button panel with a popover filter button for color grouping selection
- Changed edge styling from arrow markers to solid strokes
- Introduced semi-transparent node backgrounds derived from border colors
Reviewed Changes
Copilot reviewed 3 out of 3 changed files in this pull request and generated 4 comments.
| File | Description |
|---|---|
| src/components/Graphs/useGraph.ts | Removed MarkerType import, added semi-transparent node backgrounds, and replaced arrow markers with styled edges |
| src/components/Graphs/Graph.tsx | Replaced radio button panel with popover-based filter menu, changed default colorBy to 'source' |
| src/components/Graphs/Graph.module.css | Added styles for the new top-right legend container, filter icon, and popover button layout |
💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.
|
@andreaskienle I have fixed the dark mode now. Maybe you can have another look. :D |
Before:

After:
