diff --git a/src/CourseAuthoringRoutes.jsx b/src/CourseAuthoringRoutes.jsx index 33441abd9..916bd7567 100644 --- a/src/CourseAuthoringRoutes.jsx +++ b/src/CourseAuthoringRoutes.jsx @@ -35,18 +35,18 @@ const CourseAuthoringRoutes = ({ courseId }) => { - + {process.env.ENABLE_NEW_EDITOR_PAGES === 'true' && ( - )} - + {process.env.ENABLE_NEW_EDITOR_PAGES === 'true' && ( - )} diff --git a/src/CourseAuthoringRoutes.test.jsx b/src/CourseAuthoringRoutes.test.jsx index 471322b1c..e8b214d2b 100644 --- a/src/CourseAuthoringRoutes.test.jsx +++ b/src/CourseAuthoringRoutes.test.jsx @@ -106,7 +106,7 @@ describe('', () => { it('renders the VideoSelectorContainer component when the course videos route is active', () => { render( - + , diff --git a/src/selectors/VideoSelectorContainer.jsx b/src/selectors/VideoSelectorContainer.jsx index 1b3d0aedb..24ecd4116 100644 --- a/src/selectors/VideoSelectorContainer.jsx +++ b/src/selectors/VideoSelectorContainer.jsx @@ -1,19 +1,24 @@ import React from 'react'; import PropTypes from 'prop-types'; +import { useParams } from 'react-router'; import { VideoSelectorPage } from '@edx/frontend-lib-content-components'; import { getConfig } from '@edx/frontend-platform'; const VideoSelectorContainer = ({ courseId, -}) => ( -
- -
+}) => { + const { blockId } = useParams(); + return ( +
+ +
); +}; VideoSelectorContainer.propTypes = { courseId: PropTypes.string.isRequired, diff --git a/src/selectors/__snapshots__/VideoSelectorContainer.test.jsx.snap b/src/selectors/__snapshots__/VideoSelectorContainer.test.jsx.snap index 16c968b4c..a05e8349d 100644 --- a/src/selectors/__snapshots__/VideoSelectorContainer.test.jsx.snap +++ b/src/selectors/__snapshots__/VideoSelectorContainer.test.jsx.snap @@ -5,6 +5,7 @@ exports[`Video Selector Container snapshots rendering correctly with expected In className="selector-page" >