fix: set static titles for upcoming courseware (#1245)

openedx · Jan 7, 2025 · a8094f0 · a8094f0
1 parent 2cb1419
commit a8094f0
Showing 1 changed file with 13 additions and 8 deletions.
diff --git a/src/components/dashboard/main-content/course-enrollments/course-cards/BaseCourseCard.jsx b/src/components/dashboard/main-content/course-enrollments/course-cards/BaseCourseCard.jsx
@@ -160,7 +160,18 @@ const BaseCourseCard = ({
 
   const isExecutiveEducation2UCourse = EXECUTIVE_EDUCATION_COURSE_MODES.includes(mode);
 
-  const CourseTitleComponent = externalCourseLink ? Hyperlink : Link;
+  const renderCourseTitle = () => {
+    const courseTitleComponentProps = {
+      className: classNames('h3 mb-0', { 'text-white': isExecutiveEducation2UCourse }),
+    };
+    if (type === COURSE_STATUSES.upcoming) {
+      return <div {...courseTitleComponentProps}>{title}</div>;
+    }
+    if (externalCourseLink) {
+      return <Hyperlink destination={linkToCourse} {...courseTitleComponentProps}>{title}</Hyperlink>;
+    }
+    return <Link to={linkToCourse} {...courseTitleComponentProps}>{title}</Link>;
+  };
 
   const getCoursePaceHyperlink = (chunks) => (
     <Hyperlink
@@ -583,13 +594,7 @@ const BaseCourseCard = ({
                   >
                     <h4 className="course-title mt-n1 mb-0">
                       {renderMicroMastersTitle()}
-                      <CourseTitleComponent
-                        className={classNames('h3 mb-0', { 'text-white': isExecutiveEducation2UCourse })}
-                        destination={externalCourseLink ? linkToCourse : null}
-                        to={!externalCourseLink ? linkToCourse : null}
-                      >
-                        {title}
-                      </CourseTitleComponent>
+                      {renderCourseTitle()}
                     </h4>
                     {renderBadge()}
                   </Stack>