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

Restyle matcher UI #470

Merged
merged 2 commits into from
Mar 14, 2024
Merged

Restyle matcher UI #470

merged 2 commits into from
Mar 14, 2024

Conversation

smartspot2
Copy link
Member

@smartspot2 smartspot2 commented Mar 4, 2024

This PR makes various miscellaneous improvements to the matcher UI.

Coordinators have created slots without knowing that many slots are actually linked; a confirmation modal has been added because of this, listing out all of the slots along with a count of the number of slots to submit.

Another confirmation modal was added to the button opening the preference form for mentors, making it clear that slots cannot be edited afterward. This can probably be reverted or changed if in the future we decide to rework the slot creation system to allow for slot edits.

The create stage button UI/UX was also modified; to avoid any confusion with save/submit/continue buttons, the flows were reworked to have only one green (primary) button visible at any given point in time. Clicking this button would proceed with the flow, whereas secondary buttons either cancel the flow or go to a different flow (ex. editing events).

Further, there were many matcher button and input styles that are not consistent with the rest of the site; these classes have also been migrated over.

Closes #437.

@smartspot2 smartspot2 added the enhancement New feature or request label Mar 4, 2024
@smartspot2 smartspot2 self-assigned this Mar 4, 2024
Copy link

cypress bot commented Mar 4, 2024

Passing run #324 ↗︎

0 78 0 0 Flakiness 0

Details:

Restyle matcher UI (#470)
Project: csm_web Commit: 46950f18ea
Status: Passed Duration: 02:04 💡
Started: Mar 14, 2024 4:30 AM Ended: Mar 14, 2024 4:32 AM

Review all test suite changes for PR #470 ↗︎

jacovkim
jacovkim previously approved these changes Mar 7, 2024
Copy link

@jacovkim jacovkim left a comment

Choose a reason for hiding this comment

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

Looks good to me!

Copy link
Contributor

@edwardneo edwardneo left a comment

Choose a reason for hiding this comment

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

Looks generally good -- why is there a save button and a submit button for creating the matcher slots, and you can hit submit without saving? It seems a bit weird to me, and I think coordinators will accidentally forget to save a slot they wanted to save but submit it anyways.

Copy link
Contributor

@edwardneo edwardneo left a comment

Choose a reason for hiding this comment

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

LGTM!

Copy link

@jacovkim jacovkim left a comment

Choose a reason for hiding this comment

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

LGTM!

@smartspot2 smartspot2 merged commit 46950f1 into master Mar 14, 2024
16 checks passed
@smartspot2 smartspot2 deleted the fix/matcher-ui branch March 14, 2024 04:28
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
enhancement New feature or request
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Matcher UI should indicate linked sections more prominently
3 participants