Update branch with new linter rules

influxdata · Sep 7, 2017 · df57189 · df57189
1 parent 43311dc
commit df57189
Show file tree

Hide file tree

Showing 5 changed files with 24 additions and 23 deletions.
diff --git a/ui/src/kapacitor/components/KapacitorRulesTable.js b/ui/src/kapacitor/components/KapacitorRulesTable.js
@@ -43,6 +43,8 @@ const KapacitorRulesTable = ({rules, source, onDelete, onChangeRuleStatus}) =>
     </table>
   </div>
 
+const handleDelete = (rule, onDelete) => onDelete(rule)
+
 const RuleRow = ({rule, source, onDelete, onChangeRuleStatus}) =>
   <tr key={rule.id}>
     <td style={{width: colName}} className="monotype">
@@ -81,7 +83,10 @@ const RuleRow = ({rule, source, onDelete, onChangeRuleStatus}) =>
       >
         Edit TICKscript
       </Link>
-      <button className="btn btn-danger btn-xs" onClick={() => onDelete(rule)}>
+      <button
+        className="btn btn-danger btn-xs"
+        onClick={handleDelete(rule, onDelete)}
+      >
         Delete
       </button>
     </td>

diff --git a/ui/src/kapacitor/components/TickscriptEditor.js b/ui/src/kapacitor/components/TickscriptEditor.js
@@ -7,7 +7,7 @@ class TickscriptEditor extends Component {
     super(props)
   }
 
-  updateCode(script) {
+  updateCode = script => {
     this.props.onChangeScript(script)
   }
 
@@ -20,11 +20,7 @@ class TickscriptEditor extends Component {
     }
 
     return (
-      <CodeMirror
-        value={script}
-        onChange={::this.updateCode}
-        options={options}
-      />
+      <CodeMirror value={script} onChange={this.updateCode} options={options} />
     )
   }
 }

diff --git a/ui/src/kapacitor/components/TickscriptID.js b/ui/src/kapacitor/components/TickscriptID.js
@@ -10,7 +10,7 @@ class TickscriptNewID extends Component {
     }
   }
 
-  handleChangeID(e) {
+  handleChangeID = e => {
     const tickscriptID = e.target.value
     this.setState({tickscriptID})
   }
@@ -28,7 +28,7 @@ class TickscriptNewID extends Component {
           className="page-header--editing kapacitor-theme"
           autoFocus={true}
           value={tickscriptID}
-          onChange={::this.handleChangeID}
+          onChange={this.handleChangeID}
           placeholder="Name your tickscript"
           spellCheck={false}
           autoComplete={false}

diff --git a/ui/src/kapacitor/containers/KapacitorRulesPage.js b/ui/src/kapacitor/containers/KapacitorRulesPage.js
@@ -47,8 +47,8 @@ class KapacitorRulesPage extends Component {
         rules={rules}
         hasKapacitor={hasKapacitor}
         loading={loading}
-        onDelete={::this.handleDeleteRule}
-        onChangeRuleStatus={::this.handleRuleStatus}
+        onDelete={this.handleDeleteRule}
+        onChangeRuleStatus={this.handleRuleStatus}
       />
     )
   }

diff --git a/ui/src/kapacitor/containers/TickscriptPage.js b/ui/src/kapacitor/containers/TickscriptPage.js
@@ -49,7 +49,7 @@ class TickscriptPage extends Component {
     this.setState({kapacitor})
   }
 
-  async handleSave() {
+  handleSave = async () => {
     const {kapacitor, task} = this.state
     const {
       source,
@@ -72,23 +72,23 @@ class TickscriptPage extends Component {
     router.push(`/sources/${source.id}/alert-rules`)
   }
 
-  handleChangeScript(script) {
+  handleChangeScript = script => {
     this.setState({task: {...this.state.task, script}})
   }
 
-  handleSelectDbrps(dbrps) {
+  handleSelectDbrps = dbrps => {
     this.setState({task: {...this.state.task, dbrps}})
   }
 
-  handleChangeType(type) {
+  handleChangeType = type => {
     return () => this.setState({task: {...this.state.task, type}})
   }
 
-  handleStartEditID() {
+  handleStartEditID = () => {
     this.setState({isEditingID: true})
   }
 
-  handleStopEditID() {
+  handleStopEditID = () => {
     this.setState({isEditingID: false})
   }
 
@@ -103,12 +103,12 @@ class TickscriptPage extends Component {
         validation={validation}
         isEditingID={isEditingID}
         isNewTickscript={!this._isEditing()}
-        onSave={::this.handleSave}
-        onStartEditID={::this.handleStartEditID}
-        onStopEditID={::this.handleStopEditID}
-        onSelectDbrps={::this.handleSelectDbrps}
-        onChangeScript={::this.handleChangeScript}
-        onChangeType={::this.handleChangeType}
+        onSave={this.handleSave}
+        onStartEditID={this.handleStartEditID}
+        onStopEditID={this.handleStopEditID}
+        onSelectDbrps={this.handleSelectDbrps}
+        onChangeScript={this.handleChangeScript}
+        onChangeType={this.handleChangeType}
       />
     )
   }