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

fix(ux): implement ux improvements #22

Merged
merged 6 commits into from
Feb 12, 2025
Merged

fix(ux): implement ux improvements #22

merged 6 commits into from
Feb 12, 2025

Conversation

kabaros
Copy link
Collaborator

@kabaros kabaros commented Feb 12, 2025

This addresses few UX issues reported in the bugathon:

  • Add a label to the Switch for enabling/disabling routes
  • Add a cancel button for the Edit route modal
  • Disable the Test Route button when the route is disabled
  • Mask credential fields
  • Mark required fields as such in Create route modal
  • Make sure buttons don't break on small screens
  • Fix the hover style for the table which used to break on the last cell

@dhis2-bot
Copy link
Contributor

dhis2-bot commented Feb 12, 2025

🚀 Deployed on https://pr-22.route-manager.netlify.dhis2.org

@dhis2-bot dhis2-bot temporarily deployed to netlify February 12, 2025 07:25 Inactive
@dhis2-bot dhis2-bot temporarily deployed to netlify February 12, 2025 07:28 Inactive
@dhis2-bot dhis2-bot temporarily deployed to netlify February 12, 2025 07:40 Inactive
@dhis2-bot dhis2-bot temporarily deployed to netlify February 12, 2025 07:50 Inactive
@dhis2-bot dhis2-bot temporarily deployed to netlify February 12, 2025 08:04 Inactive
@kabaros kabaros marked this pull request as ready for review February 12, 2025 08:06
@kabaros kabaros requested a review from a team February 12, 2025 08:06
@dhis2-bot dhis2-bot temporarily deployed to netlify February 12, 2025 08:07 Inactive
@dhis2-bot dhis2-bot temporarily deployed to netlify February 12, 2025 08:13 Inactive
@kabaros kabaros changed the title fix(BETA-211): add label to Enable route switch fix(UX): UX improvements Feb 12, 2025
@kabaros kabaros changed the title fix(UX): UX improvements fix(ux): implement ux improvements Feb 12, 2025
toggleRoute(route, !enabled)
}
checked={!route.disabled}
label={i18n.t('Enable route')}
Copy link
Member

Choose a reason for hiding this comment

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

Should this be an inline label in the row or would it be better as a column header?

Copy link
Collaborator Author

Choose a reason for hiding this comment

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

@cooper-joe I will leave the Switch label as it is now, but let me know if you think moving it to a column header is better as Austin mentions (it does seem a bit crowded now)

image

Copy link
Member

Choose a reason for hiding this comment

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

Agreed, I think we should move the Enable route label into the column heading.

Copy link
Member

@amcgee amcgee left a comment

Choose a reason for hiding this comment

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

A few minor comments but generally looks like good improvements

</ButtonStrip>
</ModalActions>
<ModalContent>
<div className={classes.formContainer}>
<InputField
required
Copy link
Member

Choose a reason for hiding this comment

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

I don't think code is required? I might be wrong though...

Copy link
Collaborator Author

Choose a reason for hiding this comment

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

yeah it seems to be required

@dhis2-bot dhis2-bot temporarily deployed to netlify February 12, 2025 11:40 Inactive
@kabaros kabaros merged commit 9e48913 into main Feb 12, 2025
7 checks passed
@dhis2-bot
Copy link
Contributor

🎉 This PR is included in version 100.3.3 🎉

The release is available on:

Your semantic-release bot 📦🚀

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.

4 participants