diff --git a/client/coral-admin/src/AppRouter.js b/client/coral-admin/src/AppRouter.js
index 9d68d592b..92cc80d1d 100644
--- a/client/coral-admin/src/AppRouter.js
+++ b/client/coral-admin/src/AppRouter.js
@@ -2,10 +2,15 @@ import React from 'react';
import PropTypes from 'prop-types';
import { Router, Route, IndexRedirect, IndexRoute } from 'react-router';
-import Configure from 'routes/Configure';
import Install from 'routes/Install';
import Stories from 'routes/Stories';
import Community from 'routes/Community';
+
+import Configure from 'routes/Configure';
+import StreamSettings from './routes/Configure/containers/StreamSettings';
+import ModerationSettings from './routes/Configure/containers/ModerationSettings';
+import TechSettings from './routes/Configure/containers/TechSettings';
+
import { ModerationLayout, Moderation } from 'routes/Moderation';
import Layout from 'containers/Layout';
@@ -15,7 +20,13 @@ const routes = (
-
+
+
+
+
+
+
+
{/* Community Routes */}
diff --git a/client/coral-admin/src/routes/Configure/components/Configure.js b/client/coral-admin/src/routes/Configure/components/Configure.js
index efd428378..a988bcec5 100644
--- a/client/coral-admin/src/routes/Configure/components/Configure.js
+++ b/client/coral-admin/src/routes/Configure/components/Configure.js
@@ -2,26 +2,11 @@ import React, { Component } from 'react';
import { Button, List, Item } from 'coral-ui';
import styles from './Configure.css';
-import StreamSettings from '../containers/StreamSettings';
-import ModerationSettings from '../containers/ModerationSettings';
-import TechSettings from '../containers/TechSettings';
import t from 'coral-framework/services/i18n';
import { can } from 'coral-framework/services/perms';
import PropTypes from 'prop-types';
export default class Configure extends Component {
- getSectionComponent(section) {
- switch (section) {
- case 'stream':
- return StreamSettings;
- case 'moderation':
- return ModerationSettings;
- case 'tech':
- return TechSettings;
- }
- throw new Error(`Unknown section ${section}`);
- }
-
render() {
const {
currentUser,
@@ -30,7 +15,6 @@ export default class Configure extends Component {
setActiveSection,
activeSection,
} = this.props;
- const SectionComponent = this.getSectionComponent(activeSection);
if (!can(currentUser, 'UPDATE_CONFIG')) {
return (
@@ -73,12 +57,7 @@ export default class Configure extends Component {
)}
-
-
-
+ {this.props.children}
);
}
@@ -92,4 +71,5 @@ Configure.propTypes = {
canSave: PropTypes.bool.isRequired,
setActiveSection: PropTypes.func.isRequired,
activeSection: PropTypes.string.isRequired,
+ children: PropTypes.node.isRequired,
};