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
Fix/focus mode modular pipeline highlight #1107
Fix/focus mode modular pipeline highlight #1107
Conversation
Signed-off-by: Cvetanka <cventanka_nechevska@external.mckinsey.com>
Signed-off-by: Cvetanka <cventanka_nechevska@external.mckinsey.com>
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.
This looks great. Thank you!
Maybe just write a test or two covering this new addition?
src/actions/index.js
Outdated
|
||
/** | ||
* Update the value of the of the currently-active hovered node from focus mode | ||
* @param {string|null} nodeHovered The node's unique identifier |
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.
* @param {string|null} nodeHovered The node's unique identifier | |
* @param {string|null} hoveredFocusMode The node's unique identifier |
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.
Please check my last commit for this fix. Thanks
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.
thanks @cvetankanechevska -- look's great!!! :)
nit - we can look at adding unit tests to actions, reducers, node-list and flowchart.
Signed-off-by: Cvetanka <cventanka_nechevska@external.mckinsey.com>
Signed-off-by: Cvetanka <cventanka_nechevska@external.mckinsey.com>
Signed-off-by: Cvetanka <cventanka_nechevska@external.mckinsey.com>
Hey @tynandebold and @rashidakanchwala I've added tests for the action, reducer and flowchart. Not sure about the test in the node-list component, since that action is already covered with the action and reducer tests. If you have any suggestions please let me know. |
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.
looks good to me, great job 😄
Signed-off-by: Cvetanka <cventanka_nechevska@external.mckinsey.com>
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.
LGTM! thanks @cvetankanechevska
RELEASE.md
Outdated
@@ -20,6 +20,7 @@ Please follow the established format: | |||
- Remove Tags field from dataset and parameter nodes when viewed in metadata panel. (#1100) | |||
- Fix keyboard support for exporting experiment runs. (#1103) | |||
- Fix `MemoryDataSet` not displaying on metadata panel. (#1113) | |||
- Add hovering on the FocusModeIcon. (#1107) |
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.
- Add hovering on the FocusModeIcon. (#1107) | |
- Enhance display of the flowchart when hovering over the FocusMode icon. (#1107) |
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.
Thanks for this, I will change it.
Did I just mark this as resolved? If so, I apologise. |
Signed-off-by: Cvetanka <cventanka_nechevska@external.mckinsey.com>
Description
Resolves #921
Development notes
Added one more boolean property to
createInitialPipelineState
, to track when FocusModeIcon is hovered and create new action in the store for updating this value.For the style I reused the class we already have for when node is clicked and all other nodes in the flowchart are pushed in the background with some opacity (class:
pipeline-node--faded
).QA notes
You can open the Gitpod link, and check the hover effect on FocusModeIcon in the left side node list.
Checklist
RELEASE.md
file