fixup!: Add placement param to ProgressTabCertificateStatusSlot

openedx · Nov 25, 2024 · 70b6f6e · 70b6f6e
1 parent c3c0050
commit 70b6f6e
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 3 deletions.
diff --git a/src/course-home/progress-tab/ProgressTab.jsx b/src/course-home/progress-tab/ProgressTab.jsx
@@ -34,14 +34,14 @@ const ProgressTab = () => {
         {/* Main body */}
         <div className="col-12 col-md-8 p-0">
           {!disableProgressGraph && <CourseCompletion />}
-          {!wideScreen && <ProgressTabCertificateStatusSlot courseId={courseId} />}
+          {!wideScreen && <ProgressTabCertificateStatusSlot courseId={courseId} placement="MAIN_BODY" />}
           <ProgressTabCourseGradeSlot courseId={courseId} />
           <ProgressTabGradeBreakdownSlot courseId={courseId} />
         </div>
 
         {/* Side panel */}
         <div className="col-12 col-md-4 p-0 px-md-4">
-          {wideScreen && <ProgressTabCertificateStatusSlot courseId={courseId} />}
+          {wideScreen && <ProgressTabCertificateStatusSlot courseId={courseId} placement="SIDEBAR" />}
           <ProgressTabRelatedLinksSlot courseId={courseId} />
         </div>
       </div>

diff --git a/src/plugin-slots/ProgressTabCertificateStatusSlot/index.jsx b/src/plugin-slots/ProgressTabCertificateStatusSlot/index.jsx
@@ -2,11 +2,12 @@ import PropTypes from 'prop-types';
 import { PluginSlot } from '@openedx/frontend-plugin-framework';
 import CertificateStatus from '../../course-home/progress-tab/certificate-status/CertificateStatus';
 
-const ProgressTabCertificateStatusSlot = ({ courseId }) => (
+const ProgressTabCertificateStatusSlot = ({ courseId, placement }) => (
   <PluginSlot
     id="progress_tab_certificate_status_slot"
     pluginProps={{
       courseId,
+      placement,
     }}
   >
     <CertificateStatus />
@@ -15,6 +16,7 @@ const ProgressTabCertificateStatusSlot = ({ courseId }) => (
 
 ProgressTabCertificateStatusSlot.propTypes = {
   courseId: PropTypes.string.isRequired,
+  placement: PropTypes.oneOf(['MAIN_BODY', 'SIDEBAR']),
 };
 
 export default ProgressTabCertificateStatusSlot;