refactor: Updates in Textbook

Author: ChrisChV

src/CourseAuthoringRoutes.jsx

@@ -144,7 +144,7 @@ const CourseAuthoringRoutes = () => {
           />
           <Route
             path="textbooks"
-            element={<PageWrap><Textbooks courseId={courseId} /></PageWrap>}
+            element={<PageWrap><Textbooks /></PageWrap>}
           />
         </Routes>
       </CourseAuthoringPage>

src/textbooks/Textbook.test.jsx

@@ -9,13 +9,18 @@ import { fetchTextbooksQuery } from './data/thunk';
 import { textbooksMock } from './__mocks__';
 import { Textbooks } from '.';
 import messages from './messages';
+import { CourseAuthoringProvider } from '@src/CourseAuthoringContext';
 
 let axiosMock;
 let store;
 const courseId = 'course-v1:org+101+101';
 const emptyTextbooksMock = { textbooks: [] };
 
-const renderComponent = () => render(<Textbooks courseId={courseId} />);
+const renderComponent = () => render(
+  <CourseAuthoringProvider courseId={courseId}>
+    <Textbooks />
+  </CourseAuthoringProvider>
+);
 
 describe('<Textbooks />', () => {
   beforeEach(async () => {

src/textbooks/Textbooks.jsx

@@ -1,4 +1,3 @@
-import PropTypes from 'prop-types';
 import { useIntl } from '@edx/frontend-platform/i18n';
 import {
   Breadcrumb,
@@ -11,11 +10,11 @@ import { Add as AddIcon } from '@openedx/paragon/icons';
 import { useSelector } from 'react-redux';
 import { Helmet } from 'react-helmet';
 import { Link } from 'react-router-dom';
+import { useCourseAuthoringContext } from '@src/CourseAuthoringContext';
 
 import { useWaffleFlags } from '../data/apiHooks';
 import { SavingErrorAlert } from '../generic/saving-error-alert';
 import { getProcessingNotification } from '../generic/processing-notification/data/selectors';
-import { useModel } from '../generic/model-store';
 import { LoadingSpinner } from '../generic/Loading';
 import SubHeader from '../generic/sub-header/SubHeader';
 import ConnectionErrorAlert from '../generic/ConnectionErrorAlert';
@@ -28,12 +27,11 @@ import { useTextbooks } from './hooks';
 import { getTextbookFormInitialValues } from './utils';
 import messages from './messages';
 
-const Textbooks = ({ courseId }) => {
+const Textbooks = () => {
   const intl = useIntl();
+  const { courseId, courseDetails } = useCourseAuthoringContext();
   const waffleFlags = useWaffleFlags(courseId);
 
-  const courseDetails = useModel('courseDetails', courseId);
-
   const {
     textbooks,
     isLoading,
@@ -156,8 +154,4 @@ const Textbooks = ({ courseId }) => {
   );
 };
 
-Textbooks.propTypes = {
-  courseId: PropTypes.string.isRequired,
-};
-
 export default Textbooks;