Andal.LND/frontend-app-learning
6
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

refactor nexblock package

Browse Source
This commit is contained in:
Kyle McCormick
2021-02-11 13:04:28 -05:00
parent 7ecc0e7929
commit 5796b87341
2 changed files with 37 additions and 35 deletions
Download Patch File Download Diff File Expand all files Collapse all files

68
src/index.jsx
View File

@@ -27,7 +27,7 @@ import { TabContainer } from './tab-page';
import { fetchDatesTab, fetchOutlineTab, fetchProgressTab } from './course-home/data';
import { fetchCourse } from './courseware/data';
import initializeStore from './store';
import NexBlockPage from './plugin-test/NexBlockPage';
import NexBlockContainer from './nexblocks/NexBlockContainer';
import PluginTestPage from './plugin-test/PluginTestPage';
subscribe(APP_READY, () => {
@@ -35,39 +35,41 @@ subscribe(APP_READY, () => {
<AppProvider store={initializeStore()}>
<UserMessagesProvider>
<Switch>
<Route exact path="/plugintest" component={PluginTestPage} />
<Route exact path="/nexblock" component={NexBlockPage} />
<PageRoute path="/redirect" component={CoursewareRedirectLandingPage} />
<PageRoute path="/course/:courseId/home">
<TabContainer tab="outline" fetch={fetchOutlineTab} slice="courseHome">
<OutlineTab />
</TabContainer>
</PageRoute>
<PageRoute path="/course/:courseId/dates">
<TabContainer tab="dates" fetch={fetchDatesTab} slice="courseHome">
<DatesTab />
</TabContainer>
</PageRoute>
<PageRoute path="/course/:courseId/progress">
<TabContainer tab="progress" fetch={fetchProgressTab} slice="courseHome">
<ProgressTab />
</TabContainer>
</PageRoute>
<PageRoute path="/course/:courseId/course-end">
<TabContainer tab="courseware" fetch={fetchCourse} slice="courseware">
<CourseExit />
</TabContainer>
</PageRoute>
<PageRoute
path={[
'/course/:courseId/:sequenceId/:unitId',
'/course/:courseId/:sequenceId',
'/course/:courseId',
]}
component={CoursewareContainer}
/>
<Route exact path="/nexblock" component={NexBlockContainer} />
<Switch>
<Route exact path="/plugin-test" component={PluginTestPage} />
<PageRoute path="/redirect" component={CoursewareRedirectLandingPage} />
<PageRoute path="/course/:courseId/home">
<TabContainer tab="outline" fetch={fetchOutlineTab} slice="courseHome">
<OutlineTab />
</TabContainer>
</PageRoute>
<PageRoute path="/course/:courseId/dates">
<TabContainer tab="dates" fetch={fetchDatesTab} slice="courseHome">
<DatesTab />
</TabContainer>
</PageRoute>
<PageRoute path="/course/:courseId/progress">
<TabContainer tab="progress" fetch={fetchProgressTab} slice="courseHome">
<ProgressTab />
</TabContainer>
</PageRoute>
<PageRoute path="/course/:courseId/course-end">
<TabContainer tab="courseware" fetch={fetchCourse} slice="courseware">
<CourseExit />
</TabContainer>
</PageRoute>
<PageRoute
path={[
'/course/:courseId/:sequenceId/:unitId',
'/course/:courseId/:sequenceId',
'/course/:courseId',
]}
component={CoursewareContainer}
/>
</Switch>
<Footer />
</Switch>
<Footer />
</UserMessagesProvider>
</AppProvider>,
document.getElementById('root'),

4
src/plugin-test/NexBlockPage.jsx → src/nexblocks/NexBlockContainer.jsx
View File

@@ -1,12 +1,12 @@
import React, { Component } from 'react';
import Plugin, { COMPONENT } from './Plugin';
import Plugin, { COMPONENT } from '../plugin-test/Plugin';
const FALLBACK_URL = 'http://localhost:7331/remoteEntry.js';
const FALLBACK_VIEW = 'PluginOne';
// eslint-disable-next-line react/prefer-stateless-function
export default class NexBlockPage extends Component {
export default class NexBlockContainer extends Component {
render() {
// eslint-disable-next-line react/prop-types
const query = new URLSearchParams(this.props.location.search);