diff --git a/app/components/Upload.css b/app/components/UploadManuscript.css similarity index 100% rename from app/components/Upload.css rename to app/components/UploadManuscript.css diff --git a/app/components/Upload.js b/app/components/UploadManuscript.js similarity index 87% rename from app/components/Upload.js rename to app/components/UploadManuscript.js index 3204914e9516fd51662de74f377e9607aed3ab7a..25ce4ef1422cebba20fdf77d6623fd708ac2a687 100644 --- a/app/components/Upload.js +++ b/app/components/UploadManuscript.js @@ -2,9 +2,9 @@ import React from 'react' import PropTypes from 'prop-types' import Dropzone from 'react-dropzone' -import './Upload.css' +import './UploadManuscript.css' -const Upload = ({ ink, onDrop }) => ( +const UploadManuscript = ({ ink, onDrop }) => ( <Dropzone onDrop={onDrop} accept="application/vnd.openxmlformats-officedocument.wordprocessingml.document" className="dropzone"> <div className="content-interactive" style={{ fontWeight: 200, display: 'flex', paddingTop: 10, paddingBottom: 10 }}> <div> @@ -20,9 +20,9 @@ const Upload = ({ ink, onDrop }) => ( </Dropzone> ) -Upload.propTypes = { +UploadManuscript.propTypes = { onDrop: PropTypes.func.isRequired, ink: PropTypes.object.isRequired } -export default Upload +export default UploadManuscript diff --git a/app/containers/ProjectListContainer.js b/app/containers/ProjectListContainer.js index fe63ba358e00a4728d32b9c4a05353649032646a..24f439619ff51f23438dbd20f768f3cb26a42d3f 100644 --- a/app/containers/ProjectListContainer.js +++ b/app/containers/ProjectListContainer.js @@ -4,7 +4,7 @@ import { connect } from 'react-redux' import { getCollections } from 'pubsweet-client/src/actions/collections' import * as sort from '../lib/sort' import ProjectList from '../components/ProjectList' -import UploadContainer from './UploadContainer' +import UploadManuscriptContainer from './UploadManuscriptContainer' class ProjectListContainer extends React.Component { componentDidMount () { @@ -22,7 +22,7 @@ class ProjectListContainer extends React.Component { <div style={{ width: 800 }}> <div style={{ display: 'flex', justifyContent: 'center' }}> <div className="project-list-item"> - <UploadContainer/> + <UploadManuscriptContainer/> </div> </div> diff --git a/app/containers/UploadContainer.js b/app/containers/UploadManuscriptContainer.js similarity index 90% rename from app/containers/UploadContainer.js rename to app/containers/UploadManuscriptContainer.js index 4482765e2c59abe876976746b47e58cb4bea057d..e434eef2f4d4d4c58f1c22e7f7b2ac913f07f76f 100644 --- a/app/containers/UploadContainer.js +++ b/app/containers/UploadManuscriptContainer.js @@ -5,7 +5,7 @@ import { createCollection } from 'pubsweet-client/src/actions/collections' import { createFragment } from 'pubsweet-client/src/actions/fragments' import { ink as convertToHTML } from 'pubsweet-component-ink-frontend/actions' import uuid from 'uuid' -import Upload from '../components/Upload' +import UploadManuscript from '../components/UploadManuscript' const generateTitle = (name) => { return name @@ -21,7 +21,7 @@ const extractTitle = (source) => { return heading ? heading.textContent : null } -class UploadContainer extends React.Component { +class UploadManuscriptContainer extends React.Component { onDrop = (acceptedFiles) => { const { convertToHTML, createCollection, createFragment, currentUser } = this.props @@ -73,11 +73,11 @@ class UploadContainer extends React.Component { } render () { - return <Upload onDrop={this.onDrop} ink={this.props.ink}/> + return <UploadManuscript onDrop={this.onDrop} ink={this.props.ink}/> } } -UploadContainer.propTypes = { +UploadManuscriptContainer.propTypes = { currentUser: PropTypes.object, convertToHTML: PropTypes.func.isRequired, createCollection: PropTypes.func.isRequired, @@ -95,4 +95,4 @@ export default connect( createCollection, createFragment } -)(UploadContainer) +)(UploadManuscriptContainer) diff --git a/stories/index.js b/stories/index.js index bc27a1f5b5490eba9a4e47e64bc0def5a07574e5..5418f2cae201ca712b40c6c4216d88d55e113dd5 100644 --- a/stories/index.js +++ b/stories/index.js @@ -21,7 +21,7 @@ import ProjectList from '../app/components/ProjectList' import RemoveProject from '../app/components/RemoveProject' import RolesSummaryItem from '../app/components/RolesSummaryItem' import Snapshots from '../app/components/Snapshots' -import Upload from '../app/components/Upload' +import UploadManuscript from '../app/components/UploadManuscript' import EditorList from '../app/components/EditorList' import EditorForm from '../app/components/EditorForm' import ReviewersForm from '../app/components/ReviewersForm' @@ -164,10 +164,10 @@ storiesOf('Snapshots', module) <Snapshots project={importedProject} snapshots={snapshots}/> )) -storiesOf('Upload', module) +storiesOf('Upload Manuscript', module) .add('dropzone', () => ( - <Upload onDrop={action('drop')} ink={{ isFetching: false }}/> + <UploadManuscript onDrop={action('drop')} ink={{ isFetching: false }}/> )) .add('converting', () => ( - <Upload onDrop={action('drop')} ink={{ isFetching: true }}/> + <UploadManuscript onDrop={action('drop')} ink={{ isFetching: true }}/> ))