diff --git a/app/components/ProjectActions.css b/app/components/ProjectActions.css deleted file mode 100644 index 61f7699676e582dcc634170eb5d72059f1bd300d..0000000000000000000000000000000000000000 --- a/app/components/ProjectActions.css +++ /dev/null @@ -1,14 +0,0 @@ -.project-actions { - margin: 20px auto; - width: auto; - text-align: center; - font-size: 120%; - white-space: nowrap; - padding-bottom: 20px; -} - -.project-action { - color: #4990E2; - text-decoration-color: #aaa; - text-decoration-skip: ink -} diff --git a/app/components/ProjectActions.js b/app/components/ProjectActions.js index 18ac87ad593d2ac0c3907d136dca6c37748c2b58..566f19438ac44049f2bde192b30027f083defc15 100644 --- a/app/components/ProjectActions.js +++ b/app/components/ProjectActions.js @@ -2,35 +2,17 @@ import React from 'react' import PropTypes from 'prop-types' import { Link } from 'react-router' -import './ProjectActions.css' -import { Button } from 'react-bootstrap' +import './Actions.css' const ProjectActions = ({ project, approveSubmission }) => ( - <div className="project-actions content-metadata"> - {project.status === 'submitted' ? ( - <div> - <div> - <Button onClick={approveSubmission}>Approve submission</Button> - </div> - - <div> - <Link to={`/projects/${project.id}/editor`} className="project-action">assign an editor</Link> - </div> - - <div> - <Link to={`/projects/${project.id}/reviewers`} className="project-action">invite reviewers</Link> - </div> + <div className="actions content-metadata"> + <div className="action"> + <Link to={`/projects/${project.id}/editor`} className="project-action">assign an editor</Link> </div> - ) : ( - <div> - <div> - <Link to={`/editor/${project.id}`} target="editor" className="project-action">edit your manuscript</Link> - </div> - <div> - <Link to={`/projects/${project.id}/declarations`} className="project-action">submit for publication</Link> - </div> + + <div className="action"> + <Link to={`/projects/${project.id}/reviewers`} className="project-action">invite reviewers</Link> </div> - )} </div> ) diff --git a/app/components/VersionActions.js b/app/components/VersionActions.js index d202627b56c382aea52927657601f8de02b0140c..7e46c359beaaaf0f0032b004869e128b3609e5b9 100644 --- a/app/components/VersionActions.js +++ b/app/components/VersionActions.js @@ -2,28 +2,36 @@ import React from 'react' import PropTypes from 'prop-types' import { Link } from 'react-router' -import './VersionActions.css' +import './Actions.css' const VersionActions = ({ project, version }) => ( - <div className="version-actions"> - <div> - <Link to={`/editor/${project.id}/${version.id}`} target="editor" - className="version-action">{version.submitted ? 'view your manuscript' : 'edit your manuscript'}</Link> + <div className="actions"> + <div className="action"> + <Link to={`/editor/${project.id}/${version.id}`} target="editor">{version.snapshot ? 'view your manuscript' : 'edit your manuscript'}</Link> </div> - <div> - <Link to={`/projects/${project.id}/declarations`} - className="version-action">{version.submitted ? 'view declarations' : 'submit for peer review'}</Link> + <div className="action"> + <Link to={`/projects/${project.id}/declarations`}>{version.snapshot ? 'view declarations' : 'edit declarations'}</Link> </div> - <div style={{marginTop: 20}}> - <Link to={`/projects/${project.id}/review`} - className="version-action">submit your review</Link> + <div className="action"> + <Link to={`/projects/${project.id}/check`}>check submission</Link> </div> - <div> - <Link to={`/projects/${project.id}/decision`} - className="version-action">submit your decision</Link> + <div className="action"> + <Link to={`/projects/${project.id}/submit`}>submit for peer review</Link> + </div> + + <div className="action"> + <Link to={`/projects/${project.id}/submit`}>publish preprint</Link> + </div> + + <div className="action"> + <Link to={`/projects/${project.id}/review`}>submit your review</Link> + </div> + + <div className="action"> + <Link to={`/projects/${project.id}/decision`}>submit your decision</Link> </div> </div> )