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

lib-classifier: Refactor survey task Choice styling #6478

Draft
wants to merge 5 commits into
base: master
Choose a base branch
from

Conversation

mcbouslog
Copy link
Contributor

@mcbouslog mcbouslog commented Nov 19, 2024

Package

  • lib-classifier

Linked Issue and/or Talk Post

Describe your changes

How to Review

Helpful explanations that will make your reviewer happy:

Checklist

PR Creator - Please cater the checklist to fit the review needed for your code changes.
PR Reviewer - Use the checklist during your review. Each point should be checkmarked or discussed before PR approval.

General

  • Tests are passing locally and on Github
  • Documentation is up to date and changelog has been updated if appropriate
  • You can yarn panic && yarn bootstrap or docker-compose up --build and FEM works as expected
  • FEM works in all major desktop browsers: Firefox, Chrome, Edge, Safari (Use Browserstack account as needed)
  • FEM works in a mobile browser

General UX

Example Staging Project: i-fancy-cats

  • All pages of a FEM project load: Home Page, Classify Page, and About Pages
  • Can submit a classification
  • Can sign-in and sign-out
  • The component is accessible

Refactoring

  • The PR creator has described the reason for refactoring
  • The refactored component(s) continue to work as expected

Post-merge

  • This PR adds translations keys to English dictionary(s). See guidance for pulling new keys to Lokalise here.

@coveralls
Copy link

Coverage Status

coverage: 77.823% (-0.05%) from 77.868%
when pulling 2de6216 on lib-classifier_survey-choice-styling
into c146bdf on master.

Comment on lines +61 to +78
const InfoLabel = (
<Box
direction='row'
gap='xsmall'
>
{showInfo ? (
<>
<Text>{t('SurveyTask.Choice.lessInfo')}</Text>
<FormUp />
</>
) : (
<>
<Text>{t('SurveyTask.Choice.moreInfo')}</Text>
<FormDown />
</>
)}
</Box>
)
Copy link
Contributor Author

Choose a reason for hiding this comment

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

The text and icon alignment isn't quite right, needs a little adjustment.

Comment on lines +190 to +194
<StyledButton
fill='horizontal'
label={t('SurveyTask.Choice.cancel')}
onClick={() => handleDelete(choiceId)}
/>
Copy link
Contributor Author

Choose a reason for hiding this comment

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

Previously, if a previously selected choice was selected again, then "Not this" deleted that choice selection. Should "Cancel" still have the same delete choice selection action for previously selected choices?

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

Successfully merging this pull request may close these issues.

Survey task: Choice and Questions styling improvements
2 participants