Skip to content

Conversation

@MaxFrank13
Copy link
Member

@MaxFrank13 MaxFrank13 commented Oct 31, 2025

Adds a React Context provider for the ProgramProgress page. This lets all child components easily access the data returned from the API.

Adds functionality, UI, and tests for the ProgramProgressHeader and the ProgramProgressInfo components.

Also adds the "Upgrade All Remaining Courses" button. If the learner has a discount, the button will render the discounted value with strikethrough text with the new price next to it. The button uses the currency from the response to determine what currency symbol to use.

All courses completed View

Screenshot 2025-11-04 at 1 02 33 PM

Not all courses completed View

Without discount

Screenshot 2025-11-04 at 12 57 30 PM

With discount

Screenshot 2025-11-04 at 12 58 53 PM

Copy link
Member Author

Choose a reason for hiding this comment

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

The .program-title class is being used to override the default styles for h2. This is done to be consistent with the legacy view. I'm not 100% on this

upgradeAllRemainingCoursesButtonText: {
defaultMessage: 'Upgrade All Remaining Courses',
id: 'upgrade.course.all.button',
description: 'Button text for ',
Copy link
Member

Choose a reason for hiding this comment

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

Suggested change
description: 'Button text for ',
description: 'Button text for upgrading all courses in a program',

@MaxFrank13 MaxFrank13 closed this Dec 10, 2025
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