20 lines
692 B
JavaScript
20 lines
692 B
JavaScript
import { PluginSlot } from '@openedx/frontend-plugin-framework';
|
|
import { breakpoints, useWindowSize } from '@openedx/paragon';
|
|
import CertificateStatus from '../../course-home/progress-tab/certificate-status/CertificateStatus';
|
|
|
|
const ProgressTabCertificateStatusSidePanelSlot = () => {
|
|
const windowWidth = useWindowSize().width;
|
|
const wideScreen = windowWidth >= breakpoints.large.minWidth;
|
|
return (
|
|
<PluginSlot
|
|
id="progress_tab_certificate_status_side_panel_slot"
|
|
>
|
|
{windowWidth && wideScreen && <CertificateStatus />}
|
|
</PluginSlot>
|
|
);
|
|
};
|
|
|
|
ProgressTabCertificateStatusSidePanelSlot.propTypes = {};
|
|
|
|
export default ProgressTabCertificateStatusSidePanelSlot;
|