feat: enabled the usage of resumeCourseRunUrl

src/components/dashboard/main-content/course-enrollments/course-cards/CompletedCourseCard.jsx

@@ -19,6 +19,7 @@ const CompletedCourseCard = (props) => {
     startDate,
     endDate,
     mode,
+    resumeCourseRunUrl,
   } = props;
   const config = getConfig();
 
@@ -34,6 +35,7 @@ const CompletedCourseCard = (props) => {
         courseRunId={courseRunId}
         mode={mode}
         startDate={startDate}
+        resumeCourseRunUrl={resumeCourseRunUrl}
       />
     );
   };
@@ -86,13 +88,15 @@ CompletedCourseCard.propTypes = {
   endDate: PropTypes.string,
   startDate: PropTypes.string,
   mode: PropTypes.string,
+  resumeCourseRunUrl: PropTypes.string,
 };
 
 CompletedCourseCard.defaultProps = {
   linkToCertificate: null,
   endDate: null,
   startDate: null,
   mode: null,
+  resumeCourseRunUrl: null,
 };
 
 export default CompletedCourseCard;

src/components/dashboard/main-content/course-enrollments/course-cards/ContinueLearningButton.jsx

@@ -24,6 +24,7 @@
   courseRunId,
   startDate,
   mode,
+  resumeCourseRunUrl,
 }) => {
   const { enterpriseConfig } = useContext(AppContext);
 
@@ -43,10 +44,13 @@
   const variant = isExecutiveEducation2UCourse ? 'inverse-primary' : 'outline-primary';
 
   const renderContent = () => {
-    if (!isCourseStarted() && startDate) {
+    // resumeCourseRunUrl indicates that learner has made progress, available only if the learner has started learning.
+    // The "Start Course" is visible either when the course has not started or when the course has started but the
+    // learner has not yet begun the learning.
+    if ((!isCourseStarted() && startDate) || (isCourseStarted && !resumeCourseRunUrl)) {
       return 'Start course';
     }
     return 'Resume';
   };
 
   return (
@@ -67,6 +71,7 @@
   className: null,
   startDate: null,
   mode: null,
+  resumeCourseRunUrl: null,
 };
 
 ContinueLearningButton.propTypes = {
@@ -76,6 +81,7 @@
   courseRunId: PropTypes.string.isRequired,
   startDate: PropTypes.string,
   mode: PropTypes.string,
+  resumeCourseRunUrl: PropTypes.string,
 };
 
 export default ContinueLearningButton;

src/components/dashboard/main-content/course-enrollments/course-cards/InProgressCourseCard.jsx

@@ -22,6 +22,7 @@
   courseRunStatus,
   startDate,
   mode,
+  resumeCourseRunUrl,
   ...rest
 }) => {
   const {
@@ -49,13 +50,14 @@
         courseRunId={courseRunId}
         mode={mode}
         startDate={startDate}
+        resumeCourseRunUrl={resumeCourseRunUrl}
       />
       {shouldShowUpgradeButton && <UpgradeCourseButton className="ml-1" title={title} />}
     </>
   );
 
   const filteredNotifications = notifications.filter((notification) => {
     const now = dayjs();
     if (dayjs(notification.date).isBetween(now, dayjs(now).add('1', 'w'))) {
       return notification;
     }
@@ -185,11 +187,13 @@
   courseRunStatus: PropTypes.string.isRequired,
   startDate: PropTypes.string,
   mode: PropTypes.string,
+  resumeCourseRunUrl: PropTypes.string,
 };
 
 InProgressCourseCard.defaultProps = {
   startDate: null,
   mode: null,
+  resumeCourseRunUrl: null,
 };
 
 export default InProgressCourseCard;

src/components/dashboard/main-content/course-enrollments/course-cards/SavedForLaterCourseCard.jsx

@@ -21,6 +21,7 @@ const SavedForLaterCourseCard = (props) => {
     isRevoked,
     startDate,
     mode,
+    resumeCourseRunUrl,
   } = props;
   const {
     updateCourseEnrollmentStatus,
@@ -104,6 +105,7 @@ const SavedForLaterCourseCard = (props) => {
         courseRunId={courseRunId}
         mode={mode}
         startDate={startDate}
+        resumeCourseRunUrl={resumeCourseRunUrl}
       />
     );
   };
@@ -140,13 +142,15 @@ SavedForLaterCourseCard.propTypes = {
   endDate: PropTypes.string,
   startDate: PropTypes.string,
   mode: PropTypes.string,
+  resumeCourseRunUrl: PropTypes.string,
 };
 
 SavedForLaterCourseCard.defaultProps = {
   linkToCertificate: null,
   endDate: null,
   startDate: null,
   mode: null,
+  resumeCourseRunUrl: null,
 };
 
 export default SavedForLaterCourseCard;

src/components/dashboard/main-content/course-enrollments/data/tests/utils.test.js

@@ -24,6 +24,7 @@ describe('transformCourseEnrollment', () => {
       isRevoked: originalCourseEnrollment.isRevoked,
       notifications: originalCourseEnrollment.dueDates,
       canUnenroll: false,
+      resumeCourseRunUrl: 'http://www.resumecourserun.com',
     };
     expect(transformCourseEnrollment(originalCourseEnrollment)).toEqual(transformedCourseEnrollment);
   });
@@ -52,6 +53,7 @@ describe('transformCourseEnrollment', () => {
       isRevoked: originalCourseEnrollment.isRevoked,
       notifications: originalCourseEnrollment.dueDates,
       canUnenroll,
+      resumeCourseRunUrl: 'http://www.resumecourserun.com',
     };
     expect(transformCourseEnrollment(originalCourseEnrollment)).toEqual(transformedCourseEnrollment);
   });

src/components/dashboard/main-content/course-enrollments/data/utils.js

@@ -41,7 +41,6 @@
   // Delete renamed/unused fields
   delete courseEnrollment.displayName;
   delete courseEnrollment.micromastersTitle;
-  delete courseEnrollment.resumeCourseRunUrl;
   delete courseEnrollment.courseRunUrl;
   delete courseEnrollment.certificateDownloadUrl;
   delete courseEnrollment.emailsEnabled;
@@ -130,10 +129,10 @@
 export const getTransformedAllocatedAssignments = (assignments, slug) => {
   if (!assignments) { return assignments; }
   const updatedAssignments = assignments?.map((item) => {
     const isCancelledAssignment = item.state === 'cancelled';
     const isExpiredAssignment = isAssignmentExpired(item);
 
     return {
       linkToCourse: `/${slug}/course/${item.contentKey}`,
       courseKey: item.contentKey,
       title: item.contentTitle,