From 0a190a9838616c7827e09f7ed419665395fb1903 Mon Sep 17 00:00:00 2001
From: Chi Vinh Le <vinh@wikiwi.io>
Date: Sat, 7 Oct 2017 01:01:14 +0700
Subject: [PATCH] Add slots

---
 .../src/routes/Configure/components/ModerationSettings.js | 8 +++++++-
 .../src/routes/Configure/components/StreamSettings.js     | 8 +++++++-
 .../src/routes/Configure/components/TechSettings.js       | 8 +++++++-
 3 files changed, 21 insertions(+), 3 deletions(-)

diff --git a/client/coral-admin/src/routes/Configure/components/ModerationSettings.js b/client/coral-admin/src/routes/Configure/components/ModerationSettings.js
index a33d6fa46..034dcdbb6 100644
--- a/client/coral-admin/src/routes/Configure/components/ModerationSettings.js
+++ b/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>
     );
   }
diff --git a/client/coral-admin/src/routes/Configure/components/StreamSettings.js b/client/coral-admin/src/routes/Configure/components/StreamSettings.js
index 96878c3c8..96c07601f 100644
--- a/client/coral-admin/src/routes/Configure/components/StreamSettings.js
+++ b/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>
     );
   }
diff --git a/client/coral-admin/src/routes/Configure/components/TechSettings.js b/client/coral-admin/src/routes/Configure/components/TechSettings.js
index 03d5e3371..d161cc25f 100644
--- a/client/coral-admin/src/routes/Configure/components/TechSettings.js
+++ b/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>
     );
   }