joyce/src/components/editorReadMode.js

32 lines
815 B
JavaScript
Raw Normal View History

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,
loadingToggle,
setMode
}) =>
<div id='editor_read_mode'>
<div id='editor_metadata'>
{loadingToggle === true &&
<LoadingSpinner />
}
<DocumentTitle docType={docType} currentDocument={currentDocument} />
</div>
<div id='editor_topbar'>
<ReadModeTopBar setMode={setMode} />
</div>
<div id='editor_content'>
<Editor editorState={editorState} readOnly={true} />
</div>
</div>
export default EditorReadMode