feat: Disable Begin Course button if course is closed by prerequisites from #716

Author: jignaciopm

src/containers/CourseCard/components/hooks.js

@@ -3,27 +3,59 @@ import { reduxHooks } from 'hooks';
 export const useActionDisabledState = (cardId) => {
   const { isMasquerading } = reduxHooks.useMasqueradeData();
   const {
-    hasAccess, isAudit, isAuditAccessExpired,
+    hasAccess, isAudit, isAuditAccessExpired, coursewareAccess,
   } = reduxHooks.useCardEnrollmentData(cardId);
   const {
     isEntitlement, isFulfilled, canChange, hasSessions,
   } = reduxHooks.useCardEntitlementData(cardId);
 
   const { resumeUrl, homeUrl } = reduxHooks.useCardCourseRunData(cardId);
 
-  const disableBeginCourse = !homeUrl || (isMasquerading || !hasAccess || (isAudit && isAuditAccessExpired));
-  const disableResumeCourse = !resumeUrl || (isMasquerading || !hasAccess || (isAudit && isAuditAccessExpired));
-  const disableViewCourse = !hasAccess || (isAudit && isAuditAccessExpired);
-  const disableSelectSession = !isEntitlement || isMasquerading || !hasAccess || (!canChange || !hasSessions);
+  const isStaff = Boolean(coursewareAccess?.isStaff) || false;
+  const blockedByPrereqs = Boolean(coursewareAccess?.hasUnmetPrerequisites);
 
-  const disableCourseTitle = (isEntitlement && !isFulfilled) || disableViewCourse;
+  const disableBeginCourse = !isStaff && (
+    !homeUrl
+    || isMasquerading
+    || !hasAccess
+    || (isAudit && isAuditAccessExpired)
+    || blockedByPrereqs
+  );
+
+  const disableResumeCourse = !isStaff && (
+    !resumeUrl
+    || (isMasquerading
+    || !hasAccess
+    || (isAudit && isAuditAccessExpired))
+    || blockedByPrereqs
+  );
+
+  const disableViewCourse = !isStaff && (
+    !hasAccess
+    || (isAudit && isAuditAccessExpired)
+    || blockedByPrereqs
+  );
+
+  const disableSelectSession = !isStaff && (
+    !isEntitlement
+    || isMasquerading
+    || !hasAccess
+    || (!canChange || !hasSessions)
+    || blockedByPrereqs
+  );
+
+  const disableCourseTitle = !isStaff && (
+    (isEntitlement && !isFulfilled)
+    || disableViewCourse
+  );
 
   return {
     disableBeginCourse,
     disableResumeCourse,
     disableViewCourse,
     disableSelectSession,
     disableCourseTitle,
+    blockedByPrereqs,
   };
 };