Skip to content

Update student view of Curriculum Catalog cards#56322

Merged
TurnerRiley merged 22 commits into
stagingfrom
curriculum-catalog-update-student-view
Feb 10, 2024
Merged

Update student view of Curriculum Catalog cards#56322
TurnerRiley merged 22 commits into
stagingfrom
curriculum-catalog-update-student-view

Conversation

@TurnerRiley

Copy link
Copy Markdown
Contributor

This PR updates the signed-in student view of the Curriculum Catalog cards. The idea is to update the buttons to give students a clearer route to trying out the given card's course.

The changes:

  • Show two buttons per card (like in the teacher and signed-out view): "Quick View" and "Try Now" (which sends the user to the course page in student view)
  • Update expanded card button to say "Try Now" instead of "See curriculum details"
  • When the screen size is too small to show an expanded card, only show the "Try Now" button

Demos

Catalog card

Previous student view:
student_card_prev

New student view:
student_card

Teacher and Signed-out view (unchanged):
teacher_so_card

Expanded card

Previous student view:
student_expanded_card_prev

New student view:
student_expanded_card

Teacher and Signed-out view (unchanged):
teacher_so_expanded_card

Mobile view to show view when an expanded card can't fit

Previous student view:
student_mobile_prev

New student view:
student_mobile

Teacher and Signed-out view (unchanged):
teacher_so_mobile

Links

Jira ticket: here

Testing story

Local testing.

@TurnerRiley

Copy link
Copy Markdown
Contributor Author

This PR is a continuation of #55994, which was mis-closed by the Git LFS migration (#55759).

Previous Comments:

Previous Reviews:

  • TurnerRiley commented -

@TurnerRiley TurnerRiley requested a review from a team February 5, 2024 20:49

@kelbyhawn kelbyhawn left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

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

This looks good to me! I have one non-blocking question, but you may want to wait to have someone else with more testing knowledge approve before merging.

text={assignButtonText}
className={style.buttonFlex}
href={pathToCourse}
aria-label={i18n.tryNow()}

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

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

Non-blocking: can this aria label show the course name with course_name: courseDisplayName, too?

@bethanyaconnor bethanyaconnor left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

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

Looks good after addressing Kelby's comment!

@TurnerRiley TurnerRiley requested a review from a team as a code owner February 9, 2024 18:13
@TurnerRiley TurnerRiley merged commit 8c06377 into staging Feb 10, 2024
@TurnerRiley TurnerRiley deleted the curriculum-catalog-update-student-view branch February 10, 2024 00:41
ebeastlake added a commit that referenced this pull request Feb 10, 2024
ebeastlake added a commit that referenced this pull request Feb 10, 2024
TurnerRiley added a commit that referenced this pull request Feb 12, 2024
TurnerRiley added a commit that referenced this pull request Feb 14, 2024
…6517)

* Revert "Revert "Update student view of Curriculum Catalog cards (#56322)" (#5…"

This reverts commit 7efac3f.

* add test flag [test all]

* add [test ios]

* update ui test to expect full aria label
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants