import PropTypes from 'prop-types'
import { Component } from 'react'
import { connect } from 'react-redux'
import { compose, onlyUpdateForKeys } from 'recompose'
import { setAsync as setPartyAgentAsync } from '../redux/actions/partyAgent'

class PartyControls extends Component {
	listener = (e) => {
		const { setPartyAgentAsync } = this.props
		if (e.keyCode === 49) {
			setPartyAgentAsync({ activeCharacter: 0 })
		}
		if (e.keyCode === 50) {
			setPartyAgentAsync({ activeCharacter: 1 })
		}
	}
	componentDidMount() {
		document.addEventListener(`keydown`, this.listener)
	}
	componentWillUnmount() {
		document.removeEventListener(`keydown`, this.listener)
	}
	render() {
		return <div />
	}
}

PartyControls.propTypes = {}
//const mapStateToProps = ({ partyAgent: { party, coords } }) => ({ party, coords })

const enhance = compose(connect(null, { setPartyAgentAsync }))

export default enhance(PartyControls)