Merge pull request #538 from hmhealey/mm2064

MM-2064 Cosmetic refactoring for ES6 and style guide

1 files changed, 37 insertions, 23 deletions

diff --git a/web/react/components/team_signup_email_item.jsx b/web/react/components/team_signup_email_item.jsx
index 11cd17e74..10bb2d69e 100644
--- a/web/react/components/team_signup_email_item.jsx
+++ b/web/react/components/team_signup_email_item.jsx
@@ -1,28 +1,28 @@
 // Copyright (c) 2015 Spinpunch, Inc. All Rights Reserved.
 // See License.txt for license information.
 
-var utils = require('../utils/utils.jsx');
-
-module.exports = React.createClass({
-    displayName: 'TeamSignupEmailItem',
-    propTypes: {
-        focus: React.PropTypes.bool,
-        email: React.PropTypes.string
-    },
-    getInitialState: function() {
-        return {};
-    },
-    getValue: function() {
-        return this.refs.email.getDOMNode().value.trim();
-    },
-    validate: function(teamEmail) {
-        var email = this.refs.email.getDOMNode().value.trim().toLowerCase();
+const Utils = require('../utils/utils.jsx');
+
+export default class TeamSignupEmailItem extends React.Component {
+    constructor(props) {
+        super(props);
+
+        this.getValue = this.getValue.bind(this);
+        this.validate = this.validate.bind(this);
+
+        this.state = {};
+    }
+    getValue() {
+        return React.findDOMNode(this.refs.email).value.trim();
+    }
+    validate(teamEmail) {
+        const email = React.findDOMNode(this.refs.email).value.trim().toLowerCase();
 
         if (!email) {
             return true;
         }
 
-        if (!utils.isEmail(email)) {
+        if (!Utils.isEmail(email)) {
             this.state.emailError = 'Please enter a valid email address';
             this.setState(this.state);
             return false;
@@ -31,13 +31,14 @@ module.exports = React.createClass({
             this.setState(this.state);
             return false;
         }
+
         this.state.emailError = '';
         this.setState(this.state);
         return true;
-    },
-    render: function() {
-        var emailError = null;
-        var emailDivClass = 'form-group';
+    }
+    render() {
+        let emailError = null;
+        let emailDivClass = 'form-group';
         if (this.state.emailError) {
             emailError = <label className='control-label'>{this.state.emailError}</label>;
             emailDivClass += ' has-error';
@@ -45,9 +46,22 @@ module.exports = React.createClass({
 
         return (
             <div className={emailDivClass}>
-                <input autoFocus={this.props.focus} type='email' ref='email' className='form-control' placeholder='Email Address' defaultValue={this.props.email} maxLength='128' />
+                <input
+                    autoFocus={this.props.focus}
+                    type='email'
+                    ref='email'
+                    className='form-control'
+                    placeholder='Email Address'
+                    defaultValue={this.props.email}
+                    maxLength='128'
+                />
                 {emailError}
             </div>
         );
     }
-});
+}
+
+TeamSignupEmailItem.propTypes = {
+    focus: React.PropTypes.bool,
+    email: React.PropTypes.string
+};