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.

Sign up for GitHub

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

Jump to bottom

Lesson Viewer: Sidebar #218

Closed
4 tasks done
jfdoming opened this issue Jul 31, 2022 · 1 comment
Closed
4 tasks done

Lesson Viewer: Sidebar #218

jfdoming opened this issue Jul 31, 2022 · 1 comment
Assignees
@victorzheng02
Labels
Feature

Comments

@jfdoming
Copy link
Contributor

jfdoming commented Jul 31, 2022 •
edited by victorzheng02
Loading

Summary

We want to update the lessons within the sidebar based on whether a user has completed them.

Goals

  • Fetch data from the GQL GET_LESSON_PROGRESS endpoint.
  • Set the focused course based on the lesson progress.
  • Update the lesson's icon and disabled state based on the progress to reflect the designs (locked -> up next -> completed).
  • Add a tooltip to disabled lessons

Designs

image
Example of a disabled lesson, with tooltip:
image

https://www.figma.com/file/hVyZkprXKN6myQuaIvRqfr/Learner-Views?node-id=220%3A2792

Implementation

See above. You can use the Tooltip component with the hasArrow and placement props to match the design.
@jfdoming jfdoming assigned victorzheng02 and unassigned molly-yu Aug 25, 2022
@victorzheng02
Copy link
Contributor

#237

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@victorzheng02 victorzheng02

Labels
Feature
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
3 participants
@jfdoming @victorzheng02 @molly-yu