From 08ef4f77ad26b69a8c46edba21976478dd9c9d17 Mon Sep 17 00:00:00 2001
From: "kshitij.sobti" <kshitij@sobti.in>
Date: Mon, 25 Nov 2024 16:22:22 +0530
Subject: [PATCH] fixup!: Add placement param to
 ProgressTabCertificateStatusSlot

---
 src/course-home/progress-tab/ProgressTab.jsx                | 4 ++--
 src/plugin-slots/ProgressTabCertificateStatusSlot/index.jsx | 4 +++-
 2 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/src/course-home/progress-tab/ProgressTab.jsx b/src/course-home/progress-tab/ProgressTab.jsx
index 585b12b2c4..65376db874 100644
--- 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
index b59cda13b9..c4fc642c49 100644
--- 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;