diff --git a/packages/component-dashboard/src/components/sections/Divider.js b/packages/component-dashboard/src/components/sections/Divider.js index aef6dda9eaa910d825d117e4a09a9b5045b57c55..0f64884bb356c70d79beb8ecb309826c72de0945 100644 --- a/packages/component-dashboard/src/components/sections/Divider.js +++ b/packages/component-dashboard/src/components/sections/Divider.js @@ -2,7 +2,5 @@ import React from 'react' import classes from './Divider.local.scss' export default ({ separator }) => ( - <span className={classes.root}> - {' ' + separator + ' '} - </span> + <span className={classes.root}>{' ' + separator + ' '}</span> ) diff --git a/packages/component-dashboard/src/components/sections/EditorItem.js b/packages/component-dashboard/src/components/sections/EditorItem.js index 84e91ed6e25e99e5b5933ec3247554a206c43044..bac28d3f5822378f3b93e6ebde6ccf1a06656a93 100644 --- a/packages/component-dashboard/src/components/sections/EditorItem.js +++ b/packages/component-dashboard/src/components/sections/EditorItem.js @@ -14,34 +14,33 @@ import VersionTitle from './VersionTitle' const EditorItem = ({ AssignEditor, project, version, addUserToTeam }) => ( <div className={classes.root}> <div className={classes.header}> - <Status status={project.status}/> + <Status status={project.status} /> <div className={classes.meta}> - <MetadataOwners owners={project.owners}/> - <Divider separator="–"/> - <MetadataSubmittedDate submitted={version.submitted}/> - <Divider separator="–"/> - <MetadataType type={version.metadata.articleType}/> - <Divider separator="–"/> - <MetadataSections sections={version.metadata.articleSection}/> - <Divider separator="–"/> - <MetadataReviewType openReview={version.declarations.openReview}/> + <MetadataOwners owners={project.owners} /> + <Divider separator="–" /> + <MetadataSubmittedDate submitted={version.submitted} /> + <Divider separator="–" /> + <MetadataType type={version.metadata.articleType} /> + <Divider separator="–" /> + <MetadataSections sections={version.metadata.articleSection} /> + <Divider separator="–" /> + <MetadataReviewType openReview={version.declarations.openReview} /> </div> </div> <div className={classes.main}> - <VersionTitle version={version} className={classes.versionTitle}/> + <VersionTitle version={version} className={classes.versionTitle} /> <div className={classes.links}> <div className={classes.link}> {(!version.decision || version.decision.status !== 'submitted') && ( <span> - <ProjectLink - project={project} - version={version} - page="reviewers">Assign Reviewers</ProjectLink> + <ProjectLink project={project} version={version} page="reviewers"> + Assign Reviewers + </ProjectLink> - <Divider separator="|"/> + <Divider separator="|" /> </span> )} @@ -49,39 +48,38 @@ const EditorItem = ({ AssignEditor, project, version, addUserToTeam }) => ( project={project} version={version} page="decisions" - id={project.id}> - {version.decision && version.decision.status === 'submitted' - ? `Decision: ${version.decision.recommendation}` - : 'Make decision'} + id={project.id} + > + {version.decision && version.decision.status === 'submitted' + ? `Decision: ${version.decision.recommendation}` + : 'Make decision'} </ProjectLink> </div> </div> - <div className={classes.actions}/> + <div className={classes.actions} /> </div> - - <div className={classes.roles}> <div className={classes.role}> <AssignEditor project={project} teamTypeName="seniorEditor" - addUserToTeam={addUserToTeam}/> + addUserToTeam={addUserToTeam} + /> </div> <div className={classes.role}> <AssignEditor project={project} teamTypeName="handlingEditor" - addUserToTeam={addUserToTeam}/> + addUserToTeam={addUserToTeam} + /> </div> </div> <div className={classes.reviews}> - <Reviews - project={project} - version={version}/> + <Reviews project={project} version={version} /> </div> </div> ) diff --git a/packages/component-dashboard/src/components/sections/OwnerItem.js b/packages/component-dashboard/src/components/sections/OwnerItem.js index a2d3c7a49fda4770cbb5de4455dc52ec07e8a92d..c1836e4bc849043b7584fecadb77d89ed789ab53 100644 --- a/packages/component-dashboard/src/components/sections/OwnerItem.js +++ b/packages/component-dashboard/src/components/sections/OwnerItem.js @@ -8,37 +8,33 @@ import VersionTitle from './VersionTitle' const OwnerItem = ({ project, version, deleteProject }) => ( <div className={classes.root}> <div className={classes.header}> - <Status status={project.status}/> + <Status status={project.status} /> </div> <div className={classes.main}> - <VersionTitle version={version} className={classes.versionTitle}/> + <VersionTitle version={version} className={classes.versionTitle} /> <div className={classes.links}> <div className={classes.link}> - <ProjectLink - project={project} - version={version} - page="submit">Submission</ProjectLink> + <ProjectLink project={project} version={version} page="submit"> + Submission + </ProjectLink> </div> - <Divider separator="|"/> + <Divider separator="|" /> <div className={classes.link}> - <ProjectLink - project={project} - version={version} - page="manuscript">Manuscript</ProjectLink> + <ProjectLink project={project} version={version} page="manuscript"> + Manuscript + </ProjectLink> </div> - <Divider separator="|"/> + <Divider separator="|" /> <div className={classes.link}> - <a onClick={() => deleteProject(project)} >Delete</a> + <a onClick={() => deleteProject(project)}>Delete</a> </div> - </div> - </div> </div> ) diff --git a/packages/component-dashboard/src/components/sections/ReviewerItem.js b/packages/component-dashboard/src/components/sections/ReviewerItem.js index 4fca6b3d11e24fcd7e74c58d4153d745757d435b..74e2ec261a50f483035a88842d7766a4b84ba83f 100644 --- a/packages/component-dashboard/src/components/sections/ReviewerItem.js +++ b/packages/component-dashboard/src/components/sections/ReviewerItem.js @@ -16,7 +16,7 @@ const ReviewerItem = ({ project, version, currentUser, reviewerResponse }) => { return ( <div className={classes.root}> <div className={classes.main}> - <VersionTitle version={version} className={classes.versionTitle}/> + <VersionTitle version={version} className={classes.versionTitle} /> {reviewer && ( <div> @@ -27,7 +27,8 @@ const ReviewerItem = ({ project, version, currentUser, reviewerResponse }) => { project={project} version={version} page="reviews" - id={reviewer.id}> + id={reviewer.id} + > {reviewer.submitted ? 'Reviewed' : 'Do Review'} </ProjectLink> </div> @@ -37,20 +38,30 @@ const ReviewerItem = ({ project, version, currentUser, reviewerResponse }) => { {reviewer.status === 'invited' && ( <div className={classes.actions}> <div className={classes.action}> - <Button onClick={() => reviewerResponse(project, version, reviewer, 'accepted')}>accept</Button> + <Button + onClick={() => + reviewerResponse(project, version, reviewer, 'accepted') + } + > + accept + </Button> </div> - <Divider separator="|"/> + <Divider separator="|" /> <div className={classes.action}> - <Button onClick={() => reviewerResponse(project, version, reviewer, 'declined')}>reject</Button> + <Button + onClick={() => + reviewerResponse(project, version, reviewer, 'declined') + } + > + reject + </Button> </div> </div> )} - {reviewer.status === 'declined' && ( - <div>declined</div> - )} + {reviewer.status === 'declined' && <div>declined</div>} </div> )} </div> diff --git a/packages/component-dashboard/src/components/sections/VersionTitle.js b/packages/component-dashboard/src/components/sections/VersionTitle.js index a8240b6aeb2e5137845128fd8ccf3f22f19adb6a..d02f9ebd1c224e050f55ea8b370bb56b6910183d 100644 --- a/packages/component-dashboard/src/components/sections/VersionTitle.js +++ b/packages/component-dashboard/src/components/sections/VersionTitle.js @@ -1,18 +1,19 @@ import React from 'react' // import {TitleViewer} from 'xpub-edit/src/components' -export default ({version, className}) => { +export default ({ version, className }) => { // <TitleViewer // value={version && version.metadata && version.metadata.title || 'Untitled'} // className={className}/> - const title = version && version.metadata && version.metadata.title - ? version.metadata.title - : 'Untitled' + const title = + version && version.metadata && version.metadata.title + ? version.metadata.title + : 'Untitled' return ( <div className={className}> <span>{title}</span> </div> ) -} \ No newline at end of file +}