import React from 'react'
import { get } from 'lodash'
import { Menu } from '@pubsweet/ui'
import { withRouter } from 'react-router-dom'

import { parseVersionOptions } from './utils'

const ManuscriptVersion = ({
  history,
  version = {},
  project = { fragments: [] },
}) => {
  const fragments = get(project, 'fragments')
  return (
    !!fragments.length && (
      <Menu
        inline
        onChange={v =>
          history.push(`/projects/${project.id}/versions/${v}/details`)
        }
        options={parseVersionOptions(fragments)}
        placeholder="Please select"
        value={get(version, 'id')}
      />
    )
  )
}

export default withRouter(ManuscriptVersion)