From b06d79f6b979c8556714d1e493650fdd49cb2b7b Mon Sep 17 00:00:00 2001
From: Alex P <thealexpaxton@gmail.com>
Date: Mon, 22 May 2017 10:58:53 -0700
Subject: [PATCH] Improve UI microcopy

---
 ui/src/kapacitor/components/KapacitorForm.js          |  4 ++--
 ui/src/kapacitor/components/config/AlertaConfig.js    |  6 +++---
 ui/src/kapacitor/components/config/HipChatConfig.js   |  6 +++---
 ui/src/kapacitor/components/config/OpsGenieConfig.js  |  6 +++---
 ui/src/kapacitor/components/config/PagerDutyConfig.js |  6 +++---
 ui/src/kapacitor/components/config/SMTPConfig.js      |  6 +++---
 ui/src/kapacitor/components/config/SensuConfig.js     |  6 +++---
 ui/src/kapacitor/components/config/SlackConfig.js     | 10 +++++-----
 ui/src/kapacitor/components/config/TalkConfig.js      |  6 +++---
 ui/src/kapacitor/components/config/TelegramConfig.js  |  6 +++---
 ui/src/kapacitor/components/config/VictorOpsConfig.js |  6 +++---
 11 files changed, 34 insertions(+), 34 deletions(-)

diff --git a/ui/src/kapacitor/components/KapacitorForm.js b/ui/src/kapacitor/components/KapacitorForm.js
index 4a6a66dfeb..73fb2504c6 100644
--- a/ui/src/kapacitor/components/KapacitorForm.js
+++ b/ui/src/kapacitor/components/KapacitorForm.js
@@ -5,7 +5,7 @@ import FancyScrollbar from 'shared/components/FancyScrollbar'
 
 class KapacitorForm extends Component {
   render() {
-    const {onInputChange, onReset, kapacitor, onSubmit} = this.props
+    const {onInputChange, onReset, kapacitor, onSubmit, exists} = this.props
     const {url, name, username, password} = kapacitor
 
     return (
@@ -90,7 +90,7 @@ class KapacitorForm extends Component {
                           Reset
                         </button>
                         <button className="btn btn-success" type="submit">
-                          Connect
+                          {exists ? 'Connect' : 'Update'}
                         </button>
                       </div>
                     </form>
diff --git a/ui/src/kapacitor/components/config/AlertaConfig.js b/ui/src/kapacitor/components/config/AlertaConfig.js
index 20f9a2d48a..7269fef525 100644
--- a/ui/src/kapacitor/components/config/AlertaConfig.js
+++ b/ui/src/kapacitor/components/config/AlertaConfig.js
@@ -77,9 +77,9 @@ const AlertaConfig = React.createClass({
           />
         </div>
 
-        <div className="form-group-submit col-xs-12 col-sm-6 col-sm-offset-3">
-          <button className="btn btn-block btn-primary" type="submit">
-            Save
+        <div className="form-group-submit col-xs-12 text-center">
+          <button className="btn btn-primary" type="submit">
+            Update Config
           </button>
         </div>
       </form>
diff --git a/ui/src/kapacitor/components/config/HipChatConfig.js b/ui/src/kapacitor/components/config/HipChatConfig.js
index 81b14fb12c..8e4fa5b1a8 100644
--- a/ui/src/kapacitor/components/config/HipChatConfig.js
+++ b/ui/src/kapacitor/components/config/HipChatConfig.js
@@ -76,9 +76,9 @@ const HipchatConfig = React.createClass({
           />
         </div>
 
-        <div className="form-group form-group-submit col-xs-12 col-sm-6 col-sm-offset-3">
-          <button className="btn btn-block btn-primary" type="submit">
-            Save
+        <div className="form-group-submit col-xs-12 text-center">
+          <button className="btn btn-primary" type="submit">
+            Update Config
           </button>
         </div>
       </form>
diff --git a/ui/src/kapacitor/components/config/OpsGenieConfig.js b/ui/src/kapacitor/components/config/OpsGenieConfig.js
index fbb1c4f7c4..ec9f972a31 100644
--- a/ui/src/kapacitor/components/config/OpsGenieConfig.js
+++ b/ui/src/kapacitor/components/config/OpsGenieConfig.js
@@ -97,9 +97,9 @@ const OpsGenieConfig = React.createClass({
           tags={currentRecipients}
         />
 
-        <div className="form-group form-group-submit col-xs-12 col-sm-6 col-sm-offset-3">
-          <button className="btn btn-block btn-primary" type="submit">
-            Save
+        <div className="form-group-submit col-xs-12 text-center">
+          <button className="btn btn-primary" type="submit">
+            Update Config
           </button>
         </div>
       </form>
diff --git a/ui/src/kapacitor/components/config/PagerDutyConfig.js b/ui/src/kapacitor/components/config/PagerDutyConfig.js
index a4ec9c2fd9..c0d04bae25 100644
--- a/ui/src/kapacitor/components/config/PagerDutyConfig.js
+++ b/ui/src/kapacitor/components/config/PagerDutyConfig.js
@@ -58,9 +58,9 @@ const PagerDutyConfig = React.createClass({
           />
         </div>
 
-        <div className="form-group form-group-submit col-xs-12 col-sm-6 col-sm-offset-3">
-          <button className="btn btn-block btn-primary" type="submit">
-            Save
+        <div className="form-group-submit col-xs-12 text-center">
+          <button className="btn btn-primary" type="submit">
+            Update Config
           </button>
         </div>
       </form>
diff --git a/ui/src/kapacitor/components/config/SMTPConfig.js b/ui/src/kapacitor/components/config/SMTPConfig.js
index 5d0aeaafbf..ff38025a98 100644
--- a/ui/src/kapacitor/components/config/SMTPConfig.js
+++ b/ui/src/kapacitor/components/config/SMTPConfig.js
@@ -89,9 +89,9 @@ const SMTPConfig = React.createClass({
           />
         </div>
 
-        <div className="form-group form-group-submit col-xs-12 col-sm-6 col-sm-offset-3">
-          <button className="btn btn-block btn-primary" type="submit">
-            Save
+        <div className="form-group-submit col-xs-12 text-center">
+          <button className="btn btn-primary" type="submit">
+            Update Config
           </button>
         </div>
       </form>
diff --git a/ui/src/kapacitor/components/config/SensuConfig.js b/ui/src/kapacitor/components/config/SensuConfig.js
index 2cbfeee570..782ff5d8d4 100644
--- a/ui/src/kapacitor/components/config/SensuConfig.js
+++ b/ui/src/kapacitor/components/config/SensuConfig.js
@@ -49,9 +49,9 @@ const SensuConfig = React.createClass({
           />
         </div>
 
-        <div className="form-group form-group-submit col-xs-12 col-sm-6 col-sm-offset-3">
-          <button className="btn btn-block btn-primary" type="submit">
-            Save
+        <div className="form-group-submit col-xs-12 text-center">
+          <button className="btn btn-primary" type="submit">
+            Update Config
           </button>
         </div>
       </form>
diff --git a/ui/src/kapacitor/components/config/SlackConfig.js b/ui/src/kapacitor/components/config/SlackConfig.js
index 5f85f308af..8de7e31365 100644
--- a/ui/src/kapacitor/components/config/SlackConfig.js
+++ b/ui/src/kapacitor/components/config/SlackConfig.js
@@ -61,7 +61,7 @@ const SlackConfig = React.createClass({
           <RedactedInput
             defaultValue={url}
             id="url"
-            refFunc={r => this.url = r}
+            refFunc={r => (this.url = r)}
           />
         </div>
 
@@ -72,14 +72,14 @@ const SlackConfig = React.createClass({
             id="slack-channel"
             type="text"
             placeholder="#alerts"
-            ref={r => this.channel = r}
+            ref={r => (this.channel = r)}
             defaultValue={channel || ''}
           />
         </div>
 
-        <div className="form-group form-group-submit col-xs-12 col-sm-6 col-sm-offset-3">
-          <button className="btn btn-block btn-primary" type="submit">
-            Save
+        <div className="form-group-submit col-xs-12 text-center">
+          <button className="btn btn-primary" type="submit">
+            Update Config
           </button>
         </div>
       </form>
diff --git a/ui/src/kapacitor/components/config/TalkConfig.js b/ui/src/kapacitor/components/config/TalkConfig.js
index 9259c37fd1..a49e718829 100644
--- a/ui/src/kapacitor/components/config/TalkConfig.js
+++ b/ui/src/kapacitor/components/config/TalkConfig.js
@@ -51,9 +51,9 @@ const TalkConfig = React.createClass({
           />
         </div>
 
-        <div className="form-group form-group-submit col-xs-12 col-sm-6 col-sm-offset-3">
-          <button className="btn btn-block btn-primary" type="submit">
-            Save
+        <div className="form-group-submit col-xs-12 text-center">
+          <button className="btn btn-primary" type="submit">
+            Update Config
           </button>
         </div>
       </form>
diff --git a/ui/src/kapacitor/components/config/TelegramConfig.js b/ui/src/kapacitor/components/config/TelegramConfig.js
index 97568c1d04..65de5e56c4 100644
--- a/ui/src/kapacitor/components/config/TelegramConfig.js
+++ b/ui/src/kapacitor/components/config/TelegramConfig.js
@@ -159,9 +159,9 @@ const TelegramConfig = React.createClass({
           </div>
         </div>
 
-        <div className="form-group form-group-submit col-xs-12 col-sm-6 col-sm-offset-3">
-          <button className="btn btn-block btn-primary" type="submit">
-            Save
+        <div className="form-group-submit col-xs-12 text-center">
+          <button className="btn btn-primary" type="submit">
+            Update Config
           </button>
         </div>
       </form>
diff --git a/ui/src/kapacitor/components/config/VictorOpsConfig.js b/ui/src/kapacitor/components/config/VictorOpsConfig.js
index 38340b30d0..0364acfd2b 100644
--- a/ui/src/kapacitor/components/config/VictorOpsConfig.js
+++ b/ui/src/kapacitor/components/config/VictorOpsConfig.js
@@ -65,9 +65,9 @@ const VictorOpsConfig = React.createClass({
           />
         </div>
 
-        <div className="form-group form-group-submit col-xs-12 col-sm-6 col-sm-offset-3">
-          <button className="btn btn-block btn-primary" type="submit">
-            Save
+        <div className="form-group-submit col-xs-12 text-center">
+          <button className="btn btn-primary" type="submit">
+            Update Config
           </button>
         </div>
       </form>