fix: disable course title click for unfulfilled entitlements (#99)

2022-12-16 13:03:16 -05:00
parent 41f563dd9a
commit a21698e96a
1 changed files with 2 additions and 0 deletions
--- a/src/containers/CourseCard/components/CourseCardTitle.jsx
+++ b/src/containers/CourseCard/components/CourseCardTitle.jsx
@@ -8,6 +8,7 @@ const { courseTitleClicked } = track.course;

 export const CourseCardTitle = ({ cardId }) => {
  const { courseName } = appHooks.useCardCourseData(cardId);
+  const { isEntitlement, isFulfilled } = appHooks.useCardEntitlementData(cardId);
  const { homeUrl } = appHooks.useCardCourseRunData(cardId);
  const handleTitleClicked = appHooks.useTrackCourseEvent(courseTitleClicked, cardId, homeUrl);
  return (
@@ -17,6 +18,7 @@ export const CourseCardTitle = ({ cardId }) => {
        className="course-card-title"
        data-testid="CourseCardTitle"
        onClick={handleTitleClicked}
+        disabled={isEntitlement && !isFulfilled}
      >
        {courseName}
      </a>