text: import React from 'react';
  import { connect } from 'react-redux';
  import { withRouter } from 'react-router';
  
  import { login } from 'redux/modules/auth';
  import { reportBug, toggleModal } from 'redux/modules/bugReport';
  import { showModal } from 'redux/modules/userLogin';
  
  import { UserManagementUI } from 'components/siteComponents';
  
  
  const mapStateToProps = ({ app }) => {
    return {
      anonCTA: app.getIn(['userLogin', 'anonCTA']),
      auth: app.get('auth'),
      next: app.getIn(['userLogin', 'next']),
      open: app.getIn(['userLogin', 'open']),
      uiBug: app.getIn(['bugReport', 'ui'])
    };
  };
  
  const mapDispatchToProps = (dispatch) => {
    return {
      loginFn: data => dispatch(login(data)),
      sendUIReport: data => dispatch(reportBug(data, true)),
      showModal: b => dispatch(showModal(b)),
      toggleBugModal: b => dispatch(toggleModal(b, true))
    };
  };
  
  
  export default withRouter(connect(
    mapStateToProps,
    mapDispatchToProps
  )(UserManagementUI));
  