joyce/src/components/editorReadMode.js

import React from 'react'
import PropTypes from 'prop-types'
import { Editor } from 'draft-js'

import { ReadModeTopBar }  from '../components/contentTopBar'
import actions from '../actions'
import DocumentTitle from '../components/documentTitle'
import LoadingSpinner from '../components/loadingSpinner'

const EditorReadMode = ({
	currentDocument,
	editorState,
	docType,
	toggles,
	setMode
}) =>
	<div id='editor_read_mode'>
		<div id='editor_metadata'>
			{toggles.loading === true &&
				<LoadingSpinner />
			}
			<DocumentTitle docType={docType} currentDocument={currentDocument} />
		</div>
		<div id='editor_topbar'>
			<ReadModeTopBar docType={docType} setMode={setMode} />
		</div>	
		<div id='editor_content' className={docType === 'tags' ? 'short_editor' : 'tall_editor'}>
			<Editor editorState={editorState} readOnly={true}/>
		</div>
	</div>

export default EditorReadMode