-
Notifications
You must be signed in to change notification settings - Fork 223
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
ui: Docked Graph MetaInfo Panel #3683
Conversation
🤖 Meticulous spotted visual differences in 16 of 322 screens tested: view and approve differences detected. Last updated for commit d96b3fa. This comment will update as new commits are pushed. |
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.
The code looks good to me, but when looking at the Vercel preview, selecting the option to "Dock Graph Metainfo" doesn't seem to dock the tooltip to the bottom of the screen? Is that the expected behavior?
@monicawoj You need to enable |
return `${valueFormatter(hoveringNodeCumulative, unit, 2)} | ||
(${(100 * divide(hoveringNodeCumulative, totalUnfiltered)).toFixed(2)}%${filtered})`; | ||
}; | ||
const {name, locationAddress, cumulativeText, diffText, diff, row: rowNo} = graphTooltipData; |
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.
Super minor comment, but could we rename "rowNo" to "rowNumber". "No" can be interpreted in multiple ways.
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.
Done, addressed it.
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 fantastic! just one tiny comment
Just FYI, Arrow is the only and default API used for querying flame graphs now. Not sure this changes anything in this PR, but it might make things a littler easier? |
* Extracted the tooltip data logic into hooks for reuse on the new design * Docked graph tooltip * Dock and undock buttons right in the metainfo panel * Lint error fixed * Variable name fixed to be more meaningful * Arrow string conversion --------- Co-authored-by: Monica Wojciechowska <[email protected]>
* add show hide legend button and url state * align columns, show full name on hover * hide legend button on compare mode and default color preferences * change default color profile to ocean * change display names of color palettes * ui: Docked Graph MetaInfo Panel (#3683) * Extracted the tooltip data logic into hooks for reuse on the new design * Docked graph tooltip * Dock and undock buttons right in the metainfo panel * Lint error fixed * Variable name fixed to be more meaningful * Arrow string conversion --------- Co-authored-by: Monica Wojciechowska <[email protected]> * Publish - @parca/[email protected] - @parca/[email protected] - @parca/[email protected] - @parca/[email protected] - @parca/[email protected] - @parca/[email protected] - @parca/[email protected] * remove duplicate object entry * fix ts error and button props --------- Co-authored-by: Manoj Vivek <[email protected]> Co-authored-by: manojVivek <[email protected]>
Screenshots:
![Screenshot 2023-08-25 at 1 58 10 PM](https://private-user-images.githubusercontent.com/1283424/263214163-e8c74808-3a56-42f5-8c1f-1d4cab9b6a43.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MzkzNDc5NTksIm5iZiI6MTczOTM0NzY1OSwicGF0aCI6Ii8xMjgzNDI0LzI2MzIxNDE2My1lOGM3NDgwOC0zYTU2LTQyZjUtOGMxZi0xZDRjYWI5YjZhNDMucG5nP1gtQW16LUFsZ29yaXRobT1BV1M0LUhNQUMtU0hBMjU2JlgtQW16LUNyZWRlbnRpYWw9QUtJQVZDT0RZTFNBNTNQUUs0WkElMkYyMDI1MDIxMiUyRnVzLWVhc3QtMSUyRnMzJTJGYXdzNF9yZXF1ZXN0JlgtQW16LURhdGU9MjAyNTAyMTJUMDgwNzM5WiZYLUFtei1FeHBpcmVzPTMwMCZYLUFtei1TaWduYXR1cmU9M2NlMGIwMDc3MmQ4NTlkMzNjYzkzNjExNWNhMzk5MGZhNDUwMThmMzg0YWI3N2U2MzE3MGFiMmI0YTUxZjhlZCZYLUFtei1TaWduZWRIZWFkZXJzPWhvc3QifQ.g1HVHVukref5ZgTROp8o_YZJVTgIIgKAxgn1FhcYcjg)
![Screenshot 2023-08-25 at 1 57 41 PM](https://private-user-images.githubusercontent.com/1283424/263214180-ea3b6407-6189-4111-b319-6965187e4344.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MzkzNDc5NTksIm5iZiI6MTczOTM0NzY1OSwicGF0aCI6Ii8xMjgzNDI0LzI2MzIxNDE4MC1lYTNiNjQwNy02MTg5LTQxMTEtYjMxOS02OTY1MTg3ZTQzNDQucG5nP1gtQW16LUFsZ29yaXRobT1BV1M0LUhNQUMtU0hBMjU2JlgtQW16LUNyZWRlbnRpYWw9QUtJQVZDT0RZTFNBNTNQUUs0WkElMkYyMDI1MDIxMiUyRnVzLWVhc3QtMSUyRnMzJTJGYXdzNF9yZXF1ZXN0JlgtQW16LURhdGU9MjAyNTAyMTJUMDgwNzM5WiZYLUFtei1FeHBpcmVzPTMwMCZYLUFtei1TaWduYXR1cmU9M2IyMTMzOGJiZmU2YjVhM2RkYzhjZWE3ZDUyZTViMjU0YzA4ZjU4NWMzY2QwN2I3MzJkNGNhN2FlNjVmMmM5MSZYLUFtei1TaWduZWRIZWFkZXJzPWhvc3QifQ.LTplMXVCxx2HUGyRAqzB5oOe6-dvWWKBmUzEw8P77Co)