From 873d1915c3b6c3e90781208ff164ae9ed3b99407 Mon Sep 17 00:00:00 2001
From: Chi Vinh Le <vinh@wikiwi.io>
Date: Mon, 20 Nov 2017 19:20:09 +0100
Subject: [PATCH] Implement apply

---
 .../src/tabs/configure/components/Settings.js        | 12 +++++++++---
 .../src/tabs/configure/containers/Settings.js        |  4 +++-
 2 files changed, 12 insertions(+), 4 deletions(-)

diff --git a/client/coral-embed-stream/src/tabs/configure/components/Settings.js b/client/coral-embed-stream/src/tabs/configure/components/Settings.js
index c029940dc..99a29a527 100644
--- a/client/coral-embed-stream/src/tabs/configure/components/Settings.js
+++ b/client/coral-embed-stream/src/tabs/configure/components/Settings.js
@@ -22,8 +22,9 @@ class Settings extends React.Component {
       onToggleQuestionBox,
       onQuestionBoxIconChange,
       onQuestionBoxContentChange,
+      canSave,
+      onApply,
     } = this.props;
-    const changed = false;
     return (
       <div className={styles.wrapper}>
         <div className={styles.container}>
@@ -31,8 +32,9 @@ class Settings extends React.Component {
           <Button
             type="submit"
             className={cn(styles.apply, 'talk-embed-stream-configuration-submit-button')}
-            checked={changed}
-            cStyle={changed ? 'green' : 'darkGrey'}
+            checked={canSave}
+            cStyle={canSave ? 'green' : 'darkGrey'}
+            onClick={onApply}
           >
             {t('configure.apply')}
           </Button>
@@ -77,9 +79,13 @@ class Settings extends React.Component {
 
 Settings.propTypes = {
   settings: PropTypes.object.isRequired,
+  canSave: PropTypes.bool.isRequired,
   onToggleModeration: PropTypes.func.isRequired,
   onTogglePremodLinks: PropTypes.func.isRequired,
   onToggleQuestionBox: PropTypes.func.isRequired,
+  onQuestionBoxContentChange: PropTypes.func.isRequired,
+  onQuestionBoxIconChange: PropTypes.func.isRequired,
+  onApply: PropTypes.func.isRequired,
 };
 
 export default Settings;
diff --git a/client/coral-embed-stream/src/tabs/configure/containers/Settings.js b/client/coral-embed-stream/src/tabs/configure/containers/Settings.js
index 4953ffef1..7d2a2a80d 100644
--- a/client/coral-embed-stream/src/tabs/configure/containers/Settings.js
+++ b/client/coral-embed-stream/src/tabs/configure/containers/Settings.js
@@ -56,7 +56,8 @@ class SettingsContainer extends React.Component {
       onToggleQuestionBox={this.toggleQuestionBox}
       onQuestionBoxIconChange={this.setQuestionBoxIcon}
       onQuestionBoxContentChange={this.setQuestionBoxContent}
-
+      onApply={this.savePending}
+      canSave={this.props.canSave}
     />;
   }
 }
@@ -69,6 +70,7 @@ SettingsContainer.propTypes = {
   clearPending: PropTypes.func.isRequired,
   notify: PropTypes.func.isRequired,
   updatePending: PropTypes.func.isRequired,
+  canSave: PropTypes.bool.isRequired,
 };
 
 const withSettingsFragments = withFragments({