move loading state for add user back to the submit button

This change is necessary, because the old loading behaviour forces the form to rerender, which in turn causes a lost of the input. Now the loading state is back to the submit button.

scm-ui/src/users/components/UserForm.js

@@ -9,6 +9,7 @@ import * as validator from "./userValidation";
 type Props = {
   submitForm: User => void,
   user?: User,
+  loading?: boolean,
   t: string => string
 };
 
@@ -80,7 +81,7 @@ class UserForm extends React.Component<Props, State> {
   };
 
   render() {
-    const { t } = this.props;
+    const { loading, t } = this.props;
     const user = this.state.user;
 
     let nameField = null;
@@ -140,6 +141,7 @@ class UserForm extends React.Component<Props, State> {
         />
         <SubmitButton
           disabled={!this.isValid()}
+          loading={loading}
           label={t("user-form.submit")}
         />
       </form>

scm-ui/src/users/containers/AddUser.js

@@ -38,10 +38,12 @@ class AddUser extends React.Component<Props> {
       <Page
         title={t("add-user.title")}
         subtitle={t("add-user.subtitle")}
-        loading={loading}
         error={error}
       >
-        <UserForm submitForm={user => this.createUser(user)} />
+        <UserForm
+          submitForm={user => this.createUser(user)}
+          loading={loading}
+        />
       </Page>
     );
   }