// @flow

import { connect } from 'react-redux';
import { bindActionCreators } from 'redux';
import { push } from 'react-router-redux';
import SelectLocation from '../components/SelectLocation';
import RelaySettingsBuilder from '../lib/relay-settings-builder';
import log from 'electron-log';

import type { ReduxState, ReduxDispatch } from '../redux/store';
import type { SharedRouteProps } from '../routes';

const mapStateToProps = (state: ReduxState) => state;
const mapDispatchToProps = (dispatch: ReduxDispatch, props: SharedRouteProps) => {
  const { push: pushHistory } = bindActionCreators({ push }, dispatch);
  const { backend } = props;
  return {
    onClose: () => pushHistory('/connect'),
    onSelect: async (relayLocation) => {
      try {
        const relayUpdate = RelaySettingsBuilder.normal()
          .location
          .fromRaw(relayLocation)
          .build();

        await backend.updateRelaySettings(relayUpdate);
        await backend.fetchRelaySettings();
        await backend.connect();

        pushHistory('/connect');
      } catch (e) {
        log.error('Failed to select server: ', e.message);
      }
    }
  };
};

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