Skip to content
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

feat(frontend): add errors filter and minor fixes for Analyzer results #2731

Merged
merged 2 commits into from Jun 14, 2023

Conversation

jorgeepc
Copy link
Contributor

@jorgeepc jorgeepc commented Jun 14, 2023

This PR adds multiple UX/UI improvements to the TraceAnalyzer result page.

Changes

  • Update Analyzer description
  • Add link to Analyzer docs from Info Tooltip
  • Fix css styles for plugins
  • Add Show Only Errors filter

Fixes

Checklist

  • tested locally
  • added new dependencies
  • updated the docs
  • added a test

Loom

https://www.loom.com/share/f56e08c9b6f7490586abfb445d3005fe?sid=ca4367a3-ef43-454f-90e4-6ce80c83117e

@jorgeepc jorgeepc self-assigned this Jun 14, 2023
@jorgeepc jorgeepc changed the title feat(frontend): add errors filter for analyzer results and ux/ui impr… feat(frontend): add errors filter for analyzer results and minor fixes Jun 14, 2023
@jorgeepc jorgeepc force-pushed the 2647-analyzer-ui-improvements branch from b7a1b61 to 1454674 Compare June 14, 2023 17:21
@jorgeepc jorgeepc marked this pull request as ready for review June 14, 2023 17:45
@jorgeepc jorgeepc requested a review from xoscar June 14, 2023 17:45
@jorgeepc jorgeepc changed the title feat(frontend): add errors filter for analyzer results and minor fixes feat(frontend): add errors filter and minor fixes for Analyzer results Jun 14, 2023
Copy link
Collaborator

@xoscar xoscar left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Hey @jorgeepc gj my dude, I left a comment about the filtering, let me know what you think!

@@ -6,7 +6,7 @@ interface IProps {

const CollapseIcon = ({isCollapsed}: IProps) => {
return (
<S.CollapseIconContainer>{isCollapsed ? <S.DownCollapseIcon /> : <S.UpCollapseIcon />}</S.CollapseIconContainer>
<S.CollapseIconContainer>{isCollapsed ? <S.UpCollapseIcon /> : <S.DownCollapseIcon />}</S.CollapseIconContainer>
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

What haha


<S.StyledCollapse expandIcon={({isActive = false}) => <CollapseIcon isCollapsed={isActive} />}>
{plugins
.filter(plugin => !onlyErrors || plugin.score < MAX_SCORE)
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Should we consider having a selector or service function that returns only the data we want to render? Instead of having the business logic at the component level?

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Yep, good one. Done!

@@ -0,0 +1,25 @@
import * as S from './AnalyzerScore.styled';

Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

We'll have to move everything to analyzer from linter, bit by bit haha

@xoscar xoscar merged commit 7f1e120 into main Jun 14, 2023
24 checks passed
@xoscar xoscar deleted the 2647-analyzer-ui-improvements branch June 14, 2023 22:10
mathnogueira pushed a commit that referenced this pull request Jun 19, 2023
#2731)

* feat(frontend): add errors filter for analyzer results and ux/ui improvements

* add analyzer service
mathnogueira pushed a commit that referenced this pull request Jun 19, 2023
#2731)

* feat(frontend): add errors filter for analyzer results and ux/ui improvements

* add analyzer service
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

Successfully merging this pull request may close these issues.

[Analyzer Results] UI improvements
2 participants