CourseProductItem - Improve UX of the unenroll button

[jbpenrath]

Feature Request

Is your feature request related to a problem or unsupported use case? Please describe. About the CourseProductItem, currently once the user has purchased the product, it is able to enroll/unroll to course runs of target courses at any time. That is weird as if a target course as only one course run, this is useless to allow a user to unenroll. Furthermore, when user unenrolls, it is not able to know if there are other opened course runs available.

Then, user can misunderstand the role of the button "unenroll". Indeed, when user has purchased the product, in place of the product price, we are displaying a label "Enroll". So some user could understand by clicking on unenroll they ask to refund its purchase.

Describe the solution you'd like First we should replace the "Enroll" label displayed when a user has purchased a product by "Purchased".

Then, we should display the unenroll button conditionnally according to the count of course runs opened for enrollment.

Describe alternatives you've considered As a first step, we should simply change the label "Enroll" as described in the previous section then simply hide the unenroll button.

Do you want to work on it through a Pull Request? Yes

[rlecellier]

There a screenshot of our product widget when purchased and enroll

And the same purchase in the learner dashboard

And finaly in the order's details page