feat: Upgrade button component implementation (#1114)

openedx · Jul 22, 2024 · ffeea85 · ffeea85
1 parent c0c328a
commit ffeea85
Show file tree

Hide file tree

Showing 18 changed files with 430 additions and 246 deletions.
diff --git a/.env.development b/.env.development
@@ -49,6 +49,7 @@ LEARNING_TYPE_FACET='true'
 LEARNER_SUPPORT_URL='https://support.edx.org/hc/en-us'
 LEARNER_SUPPORT_SPEND_ENROLLMENT_LIMITS_URL='http://edx.org'
 LEARNER_SUPPORT_ABOUT_DEACTIVATION_URL='http://edx.org'
+LEARNER_SUPPORT_PACED_COURSE_MODE_URL='http://edx.org'
 FEATURE_ENABLE_PATHWAYS='true'
 FEATURE_ENABLE_COURSE_REVIEW=''
 FEATURE_ENROLL_WITH_ENTERPRISE_OFFERS='true'

diff --git a/.env.development-stage b/.env.development-stage
@@ -49,6 +49,7 @@ LEARNING_TYPE_FACET='true'
 LEARNER_SUPPORT_URL='https://support.edx.org/hc/en-us'
 LEARNER_SUPPORT_SPEND_ENROLLMENT_LIMITS_URL='http://edx.org'
 LEARNER_SUPPORT_ABOUT_DEACTIVATION_URL='http://edx.org'
+LEARNER_SUPPORT_PACED_COURSE_MODE_URL='http://edx.org'
 FEATURE_ENABLE_PATHWAYS='true'
 FEATURE_ENABLE_COURSE_REVIEW=''
 FEATURE_ENROLL_WITH_ENTERPRISE_OFFERS='true'

diff --git a/src/components/dashboard/main-content/course-enrollments/CourseSection.jsx b/src/components/dashboard/main-content/course-enrollments/CourseSection.jsx
@@ -5,12 +5,12 @@ import { Bubble, Collapsible, Skeleton } from '@openedx/paragon';
 import { v4 as uuidv4 } from 'uuid';
 
 import {
-  InProgressCourseCard,
-  UpcomingCourseCard,
+  AssignedCourseCard,
   CompletedCourseCard,
-  SavedForLaterCourseCard,
+  InProgressCourseCard,
   RequestedCourseCard,
-  AssignedCourseCard,
+  SavedForLaterCourseCard,
+  UpcomingCourseCard,
 } from './course-cards';
 
 import { COURSE_STATUSES } from '../../../../constants';
@@ -140,8 +140,10 @@ const CourseSection = ({
         onClose={() => handleCollapsibleToggle(false)}
         defaultOpen
       >
-        {getFormattedOptionalSubtitle()}
-        {renderCourseCards()}
+        <div className="my-n2">
+          {getFormattedOptionalSubtitle()}
+          {renderCourseCards()}
+        </div>
       </Collapsible>
     </div>
   );

diff --git a/src/components/dashboard/main-content/course-enrollments/course-cards/AssignedCourseCard.jsx b/src/components/dashboard/main-content/course-enrollments/course-cards/AssignedCourseCard.jsx
@@ -45,6 +45,7 @@ const AssignedCourseCard = (props) => {
       hasViewCertificateLink={false}
       canUnenroll={false}
       externalCourseLink={false}
+      isCourseAssigned
       {...props}
     />
   );