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

const LogWindow = ({ logs }) => {
	return (
		<div {...{ className: `logwindow__container`, style: { height: `7rem`, overflowY: `scroll` } }}>
			{logs ? (
				Object.keys(logs).map((date) => (
					<div {...{ key: date }}>
						{date} {logs[date].message}
					</div>
				))
			) : (
				<div>No logs</div>
			)}
		</div>
	)
}

LogWindow.propTypes = {}
const mapStateToProps = ({ logs }) => ({
	logs,
})

const enhance = compose(connect(mapStateToProps, {}))

export default enhance(LogWindow)