37610ab181
Fixes TNL-7175: Redirect to course home if a user is not unenrolled and the course is private. - Require authentication to use the app while course blocks api requires it - Gracefully handle course blocks api request failures allowing app to proceed to it redirection logic Notable changes: - selectors related to sequences are more resilient to missing models. In the case the course blocks api returns successfully but empty (in this case of enrolled but course not yet started). - `fetchCourse` thunk handles failures for fetchCourseMeta and fetchCourseBlocks separately using `Promise.allSettled` instead of `Promise.all` - `denied` is a new `courseStatus` - Access denied redirect is done using a component at a new route `redirect/course-home/:courseId` Now handles cases - User is unauthenticated > redirect to login - User is authenticated but not enrolled > redirects to lms course home - When an enrolled user attempts to access courseware before the course start date they will load the sequence (but unable to load the vertical block). This behavior should be fixed in an update to edx-platform
63 lines
1.9 KiB
JavaScript
Executable File
63 lines
1.9 KiB
JavaScript
Executable File
import 'core-js/stable';
|
|
import 'regenerator-runtime/runtime';
|
|
|
|
import {
|
|
APP_INIT_ERROR, APP_READY, subscribe, initialize,
|
|
} from '@edx/frontend-platform';
|
|
import { AppProvider, ErrorPage } from '@edx/frontend-platform/react';
|
|
import React from 'react';
|
|
import ReactDOM from 'react-dom';
|
|
import { Route, Switch } from 'react-router-dom';
|
|
|
|
import { messages as headerMessages } from '@edx/frontend-component-header';
|
|
import Footer, { messages as footerMessages } from '@edx/frontend-component-footer';
|
|
|
|
import appMessages from './i18n';
|
|
import UserMessagesProvider from './user-messages/UserMessagesProvider';
|
|
|
|
import './index.scss';
|
|
import './assets/favicon.ico';
|
|
import CoursewareContainer from './courseware';
|
|
import CourseHomeContainer from './course-home';
|
|
import CoursewareRedirect from './CoursewareRedirect';
|
|
|
|
import store from './store';
|
|
|
|
subscribe(APP_READY, () => {
|
|
ReactDOM.render(
|
|
<AppProvider store={store}>
|
|
<UserMessagesProvider>
|
|
<Switch>
|
|
<Route path="/redirect" component={CoursewareRedirect} />
|
|
<Route path="/course/:courseId/home" component={CourseHomeContainer} />
|
|
<Route
|
|
path={[
|
|
'/course/:courseId/:sequenceId/:unitId',
|
|
'/course/:courseId/:sequenceId',
|
|
'/course/:courseId',
|
|
]}
|
|
component={CoursewareContainer}
|
|
/>
|
|
</Switch>
|
|
<Footer />
|
|
</UserMessagesProvider>
|
|
</AppProvider>,
|
|
document.getElementById('root'),
|
|
);
|
|
});
|
|
|
|
subscribe(APP_INIT_ERROR, (error) => {
|
|
ReactDOM.render(<ErrorPage message={error.message} />, document.getElementById('root'));
|
|
});
|
|
|
|
initialize({
|
|
// TODO: Remove this once the course blocks api supports unauthenticated
|
|
// access and we are prepared to support public courses in this app.
|
|
requireAuthenticatedUser: true,
|
|
messages: [
|
|
appMessages,
|
|
headerMessages,
|
|
footerMessages,
|
|
],
|
|
});
|