SubmitRevision.js

import React from 'react'
import { connect } from 'react-redux'
import { compose, withHandlers } from 'recompose'
import { reduxForm, change as changeForm } from 'redux-form'
import styled from 'styled-components'
import { th } from '@pubsweet/ui-toolkit'
import { Button } from '@pubsweet/ui'
import { Row } from 'pubsweet-component-faraday-ui/src'

import { ManuscriptFiles, DetailsAndAuthors, ResponseToReviewer } from './'
import { ContextualBox } from '../'

const SubmitRevision = ({
  journal,
  fragment,
  collection,
  changeForm,
  handleSubmit,
  onAuthorEdit,
  addAuthor = () => Promise.resolve(42),
}) => (
  <ContextualBox label="Submit Revision">
    <Root>
      <DetailsAndAuthors
        addAuthor={addAuthor}
        changeForm={changeForm}
        collection={collection}
        fragment={fragment}
        manuscriptTypes={journal.manuscriptTypes}
        onAuthorEdit={onAuthorEdit}
      />
      <ManuscriptFiles />
      <ResponseToReviewer />
      <Row justify="flex-end" mt={1}>
        <Button onClick={() => null} secondary size="medium">
          Reset changes
        </Button>
        <Button ml={2} onClick={handleSubmit} primary size="medium">
          Submit revision
        </Button>
      </Row>
    </Root>
  </ContextualBox>
)

const Root = styled.div`
  background-color: ${th('colorBackgroundHue2')};
  padding: calc(${th('gridUnit')} * 2);
`

export default compose(
  withHandlers({
    onAuthorEdit: props => () => null,
  }),
  connect(state => ({}), { changeForm }),
  reduxForm({ form: 'revision', onSubmit: values => null }),
)(SubmitRevision)