import { connect } from 'react-redux';
import { bindActionCreators } from 'redux';
import { push } from 'react-router-redux';
import { shell } from 'electron';
import { links } from '../config';
import Connect from '../components/Connect';
import connectActions from '../redux/connection/actions';

const mapStateToProps = (state) => {
  return {
    accountExpiry: state.account.expiry,
    connection: state.connection,
    settings: state.settings,
  };
};

const mapDispatchToProps = (dispatch, props) => {
  const { connect, disconnect, copyIPAddress } = bindActionCreators(connectActions, dispatch);
  const { backend } = props;

  return {
    onSettings: () => dispatch(push('/settings')),
    onSelectLocation: () => dispatch(push('/select-location')),
    onConnect: () => connect(backend),
    onCopyIP: () => copyIPAddress(),
    onDisconnect: () => disconnect(backend),
    onExternalLink: (type) => shell.openExternal(links[type]),
    getServerInfo: (relayLocation) => backend.serverInfo(relayLocation),
  };
};

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