32 lines
914 B
JavaScript
32 lines
914 B
JavaScript
import React from 'react'
|
|
import { connect } from 'react-redux'
|
|
|
|
import Navbar from '../components/navbar'
|
|
import Content from '../components/content'
|
|
import AnnotationModal from '../components/annotationModal'
|
|
import JoyceReaderSidebarContainer from '../containers/joyceReaderSidebarContainer'
|
|
import JoyceReaderContentContainer from '../containers/joyceReaderContentContainer'
|
|
|
|
const JoyceReaderPage = ({annotationNote}) =>
|
|
<div>
|
|
<Navbar />
|
|
<div id='joyce_reader' className='container-fluid'>
|
|
<div className="row">
|
|
<JoyceReaderSidebarContainer />
|
|
<Content>
|
|
<JoyceReaderContentContainer />
|
|
</Content>
|
|
</div>
|
|
</div>
|
|
<AnnotationModal annotationNote={annotationNote} />
|
|
</div>
|
|
|
|
const mapStateToProps = state => {
|
|
return {
|
|
annotationNote: state.annotationNote
|
|
}
|
|
}
|
|
|
|
const JoyceReaderPageContainer = connect(mapStateToProps)(JoyceReaderPage)
|
|
|
|
export default JoyceReaderPageContainer |