use reflow to migrate from flow to typescript

scm-ui/ui-webapp/src/users/containers/CreateUser.tsx

@@ -0,0 +1,90 @@
+import React from 'react';
+import { connect } from 'react-redux';
+import UserForm from '../components/UserForm';
+import { User } from '@scm-manager/ui-types';
+import { History } from 'history';
+import {
+  createUser,
+  createUserReset,
+  isCreateUserPending,
+  getCreateUserFailure,
+} from '../modules/users';
+import { Page } from '@scm-manager/ui-components';
+import { translate } from 'react-i18next';
+import { getUsersLink } from '../../modules/indexResource';
+
+type Props = {
+  loading?: boolean;
+  error?: Error;
+  usersLink: string;
+
+  // dispatcher functions
+  addUser: (link: string, user: User, callback?: () => void) => void;
+  resetForm: () => void;
+
+  // context objects
+  t: (p: string) => string;
+  history: History;
+};
+
+class CreateUser extends React.Component<Props> {
+  componentDidMount() {
+    this.props.resetForm();
+  }
+
+  userCreated = (user: User) => {
+    const { history } = this.props;
+    history.push('/user/' + user.name);
+  };
+
+  createUser = (user: User) => {
+    this.props.addUser(this.props.usersLink, user, () =>
+      this.userCreated(user),
+    );
+  };
+
+  render() {
+    const { t, loading, error } = this.props;
+
+    return (
+      <Page
+        title={t('createUser.title')}
+        subtitle={t('createUser.subtitle')}
+        error={error}
+        showContentOnError={true}
+      >
+        <UserForm
+          submitForm={user => this.createUser(user)}
+          loading={loading}
+        />
+      </Page>
+    );
+  }
+}
+
+const mapDispatchToProps = dispatch => {
+  return {
+    addUser: (link: string, user: User, callback?: () => void) => {
+      dispatch(createUser(link, user, callback));
+    },
+    resetForm: () => {
+      dispatch(createUserReset());
+    },
+  };
+};
+
+const mapStateToProps = (state, ownProps) => {
+  const loading = isCreateUserPending(state);
+  const error = getCreateUserFailure(state);
+  const usersLink = getUsersLink(state);
+  return {
+    usersLink,
+    loading,
+    error,
+  };
+};
+
+export default connect(
+  mapStateToProps,
+  mapDispatchToProps,
+)(translate('users')(CreateUser));