authContainer.jsx

import React, { Component, PropTypes } from 'react-native';
import { Actions } from 'react-native-router-flux';
import { connect } from 'react-redux';
import AuthComponent from './components/authComponent';

import { authorizationRequest } from './../../modules/auth/auth';

const mapStateToProps = (state) => {
  return {
    user: state.user,
    isAuthorizing: state.isAuthorizing,
  };
};

const mapDispatchToProps = (dispatch) => {
  return {
    onPressRegister: (credentials) => {
      dispatch(authorizationRequest(credentials));
    },
  };
};

class Auth extends Component {

  componentDidUpdate() {
    if(this.props.user) {
      Actions.leaderboard();
    }
  }

  render() {
    return (
      <AuthComponent isAuthorizing={this.props.isAuthorizing}
        onPressButton={this.props.onPressRegister}
      />
    );
  }
}

Auth.propTypes = {
  isAuthorizing: PropTypes.bool,
  onPressRegister: PropTypes.func,
  user: PropTypes.object,
};

export default connect(mapStateToProps, mapDispatchToProps)(Auth);