1 files changed, 44 insertions, 21 deletions

diff --git a/web/react/components/email_verify.jsx b/web/react/components/email_verify.jsx
index 678eb9928..f2e91dd98 100644
--- a/web/react/components/email_verify.jsx
+++ b/web/react/components/email_verify.jsx
@@ -1,35 +1,58 @@
 // Copyright (c) 2015 Spinpunch, Inc. All Rights Reserved.
 // See License.txt for license information.
 
-module.exports = React.createClass({
-    handleResend: function() {
-        window.location.href = window.location.href + "&resend=true"
-    },
-    render: function() {
-        var title = "";
-        var body = "";
-        var resend = "";
-        if (this.props.isVerified === "true") {
-            title = config.SiteName + " Email Verified";
-            body = <p>Your email has been verified! Click <a href={this.props.teamURL + "?email=" + this.props.userEmail}>here</a> to log in.</p>;
+export default class EmailVerify extends React.Component {
+    constructor(props) {
+        super(props);
+
+        this.handleResend = this.handleResend.bind(this);
+
+        this.state = {};
+    }
+    handleResend() {
+        window.location.href = window.location.href + '&resend=true';
+    }
+    render() {
+        var title = '';
+        var body = '';
+        var resend = '';
+        if (this.props.isVerified === 'true') {
+            title = config.SiteName + ' Email Verified';
+            body = <p>Your email has been verified! Click <a href={this.props.teamURL + '?email=' + this.props.userEmail}>here</a> to log in.</p>;
         } else {
-            title = config.SiteName + " Email Not Verified";
+            title = config.SiteName + ' Email Not Verified';
             body = <p>Please verify your email address. Check your inbox for an email.</p>;
-            resend = <button onClick={this.handleResend} className="btn btn-primary">Resend Email</button>
+            resend = (<button
+                        onClick={this.handleResend}
+                        className='btn btn-primary'
+                    >
+                        Resend Email
+                    </button>);
         }
 
         return (
-            <div className="col-sm-offset-4 col-sm-4">
-                <div className="panel panel-default">
-                    <div className="panel-heading">
-                        <h3 className="panel-title">{ title }</h3>
+            <div className='col-sm-offset-4 col-sm-4'>
+                <div className='panel panel-default'>
+                    <div className='panel-heading'>
+                        <h3 className='panel-title'>{title}</h3>
                     </div>
-                    <div className="panel-body">
-                        { body }
-                        { resend }
+                    <div className='panel-body'>
+                        {body}
+                        {resend}
                     </div>
                 </div>
             </div>
         );
     }
-});
+}
+
+EmailVerify.defaultProps = {
+    isVerified: 'false',
+    teamURL: '',
+    userEmail: ''
+};
+EmailVerify.propTypes = {
+    isVerified: React.PropTypes.string,
+    teamURL: React.PropTypes.string,
+    userEmail: React.PropTypes.string
+};