joyce/src/containers/joyceReaderContentContainer.js

import React from 'react'
import { connect } from 'react-redux'
import { setCurrentChapter } from '../actions'

const JoyceReaderContent = ({currentDocument, highlightActive}) =>
	<div id="page" className={highlightActive ? 'show_notes' : 'hide_notes'}>
		<div dangerouslySetInnerHTML={{__html: currentDocument.text}} />
	</div>			

const mapStateToProps = state => {
	return {
		currentDocument: state.currentDocument,
		highlightActive: state.highlightActive
	}
}

const JoyceReaderContentContainer = connect(mapStateToProps)(JoyceReaderContent)

export default JoyceReaderContentContainer