Add slots

client/coral-admin/src/routes/Configure/components/ModerationSettings.js

@@ -4,6 +4,7 @@ import styles from './Configure.css';
 import {Card} from 'coral-ui';
 import {Checkbox} from 'react-mdl';
 import Wordlist from './Wordlist';
+import Slot from 'coral-framework/components/Slot';
 import t from 'coral-framework/services/i18n';
 
 class ModerationSettings extends React.Component {
@@ -39,7 +40,7 @@ class ModerationSettings extends React.Component {
   };
 
   render() {
-    const {settings} = this.props;
+    const {settings, data, root} = this.props;
 
     // just putting this here for shorthand below
     const on = styles.enabledSetting;
@@ -91,6 +92,11 @@ class ModerationSettings extends React.Component {
           bannedWords={settings.wordlist.banned}
           suspectWords={settings.wordlist.suspect}
           onChangeWordlist={this.updateWordlist} />
+        <Slot
+          fill="adminModerationSettings"
+          data={data}
+          queryData={{root, settings}}
+        />
       </div>
     );
   }

client/coral-admin/src/routes/Configure/components/StreamSettings.js

@@ -5,6 +5,7 @@ import styles from './Configure.css';
 import {Checkbox, Textfield} from 'react-mdl';
 import {Card, Icon, TextArea} from 'coral-ui';
 import PropTypes from 'prop-types';
+import Slot from 'coral-framework/components/Slot';
 import MarkdownEditor from 'coral-framework/components/MarkdownEditor';
 
 const TIMESTAMPS = {
@@ -96,7 +97,7 @@ class StreamSettings extends React.Component {
   };
 
   render() {
-    const {settings, errors} = this.props;
+    const {settings, data, root, errors} = this.props;
 
     // just putting this here for shorthand below
     const on = styles.enabledSetting;
@@ -216,6 +217,11 @@ class StreamSettings extends React.Component {
           </div>
         </Card>
         {/* the above card should be the last one if at all possible because of z-index issues with the selects */}
+        <Slot
+          fill="adminStreamSettings"
+          data={data}
+          queryData={{root, settings}}
+        />
       </div>
     );
   }

client/coral-admin/src/routes/Configure/components/TechSettings.js

@@ -4,6 +4,7 @@ import {Card} from 'coral-ui';
 import Domainlist from './Domainlist';
 import EmbedLink from './EmbedLink';
 import styles from './Configure.css';
+import Slot from 'coral-framework/components/Slot';
 import t from 'coral-framework/services/i18n';
 
 class TechSettings extends React.Component {
@@ -29,7 +30,7 @@ class TechSettings extends React.Component {
   };
 
   render() {
-    const {settings} = this.props;
+    const {settings, data, root} = this.props;
     return (
       <div className={styles.Configure}>
         <h3>{t('configure.tech_settings')}</h3>
@@ -47,6 +48,11 @@ class TechSettings extends React.Component {
               onChange={this.updateCustomCssUrl} />
           </div>
         </Card>
+        <Slot
+          fill="adminTechSettings"
+          data={data}
+          queryData={{root, settings}}
+        />
       </div>
     );
   }