import PropTypes from 'prop-types'
import { connect } from 'react-redux'
import { compose, onlyUpdateForKeys } from 'recompose'
import database from '../services/database'

const SaveGameButton = ({ partyAgent, encounters }) =>
  console.log(partyAgent, encounters) || (
    <div
      onClick={() => {
        database.partyAgent.write(partyAgent)
        database.encounters.write(encounters)
      }}
    >
      Save Game
    </div>
  )

SaveGameButton.propTypes = {}
const mapStateToProps = ({ partyAgent, encounters }) => ({
  partyAgent,
  encounters,
})

const enhance = compose(
  onlyUpdateForKeys([`partyAgent, encounters`]),
  connect(
    mapStateToProps,
    {}
  )
)

export default enhance(SaveGameButton)