Merge pull request #754 from rschamp/bugfix/747

Make the student registration views more consistent with each other

src/views/studentcompleteregistration/studentcompleteregistration.jsx

@@ -90,18 +90,18 @@ var StudentCompleteRegistration = intl.injectIntl(React.createClass({
         var demographicsDescription = this.props.intl.formatMessage({
             id: 'registration.studentPersonalStepDescription'});
         var registrationErrors = this.state.registrationErrors;
-        var sessionFetched = this.props.session.status === sessionStatus.FETCHED;
-        if (sessionFetched &&
-            !(this.props.session.session.permissions.student &&
-              this.props.session.session.flags.must_complete_registration)) {
+        if (this.props.session.status === sessionStatus.FETCHED && !(
+                this.props.session.session.permissions &&
+                this.props.session.session.permissions.student &&
+                this.props.session.session.flags.must_complete_registration)
+        ) {
             registrationErrors = {
                 __all__: this.props.intl.formatMessage({id: 'registration.mustBeNewStudent'})
             };
         }
         return (
             <Deck className="student-registration">
-                {sessionFetched && this.state.classroom ?
-                    (registrationErrors ?
+                {registrationErrors ? (
                     <Steps.RegistrationError>
                         <ul>
                             {Object.keys(registrationErrors).map(function (field) {
@@ -113,7 +113,10 @@ var StudentCompleteRegistration = intl.injectIntl(React.createClass({
                             })}
                         </ul>
                     </Steps.RegistrationError>
-                    :
+                ) : (
+                    this.state.waiting || !this.state.classroom ? (
+                        <Spinner />
+                    ) : (
                         <Progression {... this.state}>
                             <Steps.ClassInviteStep classroom={this.state.classroom}
                                                    messages={this.props.messages}
@@ -134,9 +137,7 @@ var StudentCompleteRegistration = intl.injectIntl(React.createClass({
                                                     waiting={this.state.waiting} />
                         </Progression>
                     )
-                :
-                    <Spinner />
-                }
+                )}
             </Deck>
         );
     }

src/views/studentregistration/studentregistration.jsx

@@ -35,10 +35,12 @@ var StudentRegistration = intl.injectIntl(React.createClass({
         });
     },
     componentDidMount: function () {
+        this.setState({waiting: true});
         api({
             uri: '/classrooms/' + this.props.classroomId,
             params: {token: this.props.classroomToken}
         }, function (err, body, res) {
+            this.setState({waiting: false});
             if (err) {
                 return this.setState({
                     registrationError: this.props.intl.formatMessage({