From 151d7d9a09b3412d9163ce70c236ccd1fe611e61 Mon Sep 17 00:00:00 2001
From: Hunter Trujillo <cryptoquick@gmail.com>
Date: Tue, 15 Aug 2017 16:08:18 -0600
Subject: [PATCH] Refactor SensuConfig.

---
 .../components/config/SensuConfig.js          | 36 +++++++++++--------
 1 file changed, 21 insertions(+), 15 deletions(-)

diff --git a/ui/src/kapacitor/components/config/SensuConfig.js b/ui/src/kapacitor/components/config/SensuConfig.js
index e057a65b0..9eaa34f5a 100644
--- a/ui/src/kapacitor/components/config/SensuConfig.js
+++ b/ui/src/kapacitor/components/config/SensuConfig.js
@@ -1,17 +1,11 @@
-import React, {PropTypes} from 'react'
+import React, {PropTypes, Component} from 'react'
 
-const SensuConfig = React.createClass({
-  propTypes: {
-    config: PropTypes.shape({
-      options: PropTypes.shape({
-        source: PropTypes.string.isRequired,
-        addr: PropTypes.string.isRequired,
-      }).isRequired,
-    }).isRequired,
-    onSave: PropTypes.func.isRequired,
-  },
+class SensuConfig extends Component {
+  constructor(props) {
+    super(props)
+  }
 
-  handleSaveAlert(e) {
+  handleSaveAlert = e => {
     e.preventDefault()
 
     const properties = {
@@ -20,7 +14,7 @@ const SensuConfig = React.createClass({
     }
 
     this.props.onSave(properties)
-  },
+  }
 
   render() {
     const {source, addr} = this.props.config.options
@@ -56,7 +50,19 @@ const SensuConfig = React.createClass({
         </div>
       </form>
     )
-  },
-})
+  }
+}
+
+const {func, shape, string} = PropTypes
+
+SensuConfig.propTypes = {
+  config: shape({
+    options: shape({
+      source: string.isRequired,
+      addr: string.isRequired,
+    }).isRequired,
+  }).isRequired,
+  onSave: func.isRequired,
+}
 
 export default SensuConfig