1 files changed, 68 insertions, 38 deletions

diff --git a/web/react/components/signup_team_complete.jsx b/web/react/components/signup_team_complete.jsx
index 756aae638..1d45548da 100644
--- a/web/react/components/signup_team_complete.jsx
+++ b/web/react/components/signup_team_complete.jsx
@@ -10,69 +10,99 @@ var UsernamePage = require('./team_signup_username_page.jsx');
 var PasswordPage = require('./team_signup_password_page.jsx');
 var BrowserStore = require('../stores/browser_store.jsx');
 
-module.exports = React.createClass({
-    displayName: 'SignupTeamComplete',
-    propTypes: {
-        hash: React.PropTypes.string,
-        email: React.PropTypes.string,
-        data: React.PropTypes.string
-    },
-    updateParent: function(state, skipSet) {
+export default class SignupTeamComplete extends React.Component {
+    constructor(props) {
+        super(props);
+
+        this.updateParent = this.updateParent.bind(this);
+
+        var initialState = BrowserStore.getGlobalItem(props.hash);
+
+        if (!initialState) {
+            initialState = {};
+            initialState.wizard = 'welcome';
+            initialState.team = {};
+            initialState.team.email = this.props.email;
+            initialState.team.allowed_domains = '';
+            initialState.invites = [];
+            initialState.invites.push('');
+            initialState.invites.push('');
+            initialState.invites.push('');
+            initialState.user = {};
+            initialState.hash = this.props.hash;
+            initialState.data = this.props.data;
+        }
+
+        this.state = initialState;
+    }
+    updateParent(state, skipSet) {
         BrowserStore.setGlobalItem(this.props.hash, state);
 
         if (!skipSet) {
             this.setState(state);
         }
-    },
-    getInitialState: function() {
-        var props = BrowserStore.getGlobalItem(this.props.hash);
-
-        if (!props) {
-            props = {};
-            props.wizard = 'welcome';
-            props.team = {};
-            props.team.email = this.props.email;
-            props.team.allowed_domains = '';
-            props.invites = [];
-            props.invites.push('');
-            props.invites.push('');
-            props.invites.push('');
-            props.user = {};
-            props.hash = this.props.hash;
-            props.data = this.props.data;
-        }
-
-        return props;
-    },
-    render: function() {
+    }
+    render() {
         if (this.state.wizard === 'welcome') {
-            return <WelcomePage state={this.state} updateParent={this.updateParent} />;
+            return (<WelcomePage
+                        state={this.state}
+                        updateParent={this.updateParent}
+                    />);
         }
 
         if (this.state.wizard === 'team_display_name') {
-            return <TeamDisplayNamePage state={this.state} updateParent={this.updateParent} />;
+            return (<TeamDisplayNamePage
+                        state={this.state}
+                        updateParent={this.updateParent}
+                    />);
         }
 
         if (this.state.wizard === 'team_url') {
-            return <TeamURLPage state={this.state} updateParent={this.updateParent} />;
+            return (<TeamURLPage
+                        state={this.state}
+                        updateParent={this.updateParent}
+                    />);
         }
 
         if (this.state.wizard === 'allowed_domains') {
-            return <AllowedDomainsPage state={this.state} updateParent={this.updateParent} />;
+            return (<AllowedDomainsPage
+                        state={this.state}
+                        updateParent={this.updateParent}
+                    />);
         }
 
         if (this.state.wizard === 'send_invites') {
-            return <SendInivtesPage state={this.state} updateParent={this.updateParent} />;
+            return (<SendInivtesPage
+                        state={this.state}
+                        updateParent={this.updateParent}
+                    />);
         }
 
         if (this.state.wizard === 'username') {
-            return <UsernamePage state={this.state} updateParent={this.updateParent} />;
+            return (<UsernamePage
+                        state={this.state}
+                        updateParent={this.updateParent}
+                    />);
         }
 
         if (this.state.wizard === 'password') {
-            return <PasswordPage state={this.state} updateParent={this.updateParent} />;
+            return (<PasswordPage
+                        state={this.state}
+                        updateParent={this.updateParent}
+                    />);
         }
 
         return (<div>You've already completed the signup process for this invitation or this invitation has expired.</div>);
     }
-});
+}
+
+SignupTeamComplete.defaultProps = {
+    hash: '',
+    email: '',
+    data: ''
+};
+SignupTeamComplete.propTypes = {
+    hash: React.PropTypes.string,
+    email: React.PropTypes.string,
+    data: React.PropTypes.string
+};