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
Assessment UX Re-Design: Progress Bubble Tooltip #27862
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.
Code and tests look good!
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.
really great work, dani! i left two small nit comments, but neither are blockers for merging
@@ -176,6 +178,7 @@ class ProgressBubble extends React.Component { | |||
tooltipId={tooltipId} | |||
icon={levelIcon} | |||
text={tooltipText} | |||
includeAssessmentIcon={levelIsAssessment} |
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.
nit: since we don't consume the value of levelIsAssessment
anywhere else, we can call isLevelAssessment(level)
like this:
includeAssessmentIcon={levelIsAssessment} | |
includeAssessmentIcon={isLevelAssessment(level)} |
and delete the assignment to levelIsAssessment
on line 127
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.
So I had that thought and then left it like this because I'm probably going to need this variable to do some of the other assessment ux work such as adding the little check-circle in the corner of the bubble.
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.
ah, understandable! makes sense to leave it as-is then
When in the mini rubric experiment and you hover over a level that is marked as an assessment you will see the check-circle icon in addition to the other icon for that level in the tooltip.
Before
After
In Experiment
Not in Experiment