Skip to content
Snippets Groups Projects
Commit 7a1974dc authored by Bogdan Cochior's avatar Bogdan Cochior
Browse files

fix(ui): use custom checkbox group temporary until pubsweet/ui is updated

parent 8a6c8c1d
No related branches found
No related tags found
No related merge requests found
......@@ -51,7 +51,7 @@ const AuthorAdder = ({
label="Affiliation*"
name="affiliation"
/>
<MenuItem label="Country" name="country" options={countries} />
<MenuItem label="Country*" name="country" options={countries} />
</Row>
<ButtonsContainer>
<Button onClick={setEditMode(false)}>Cancel</Button>
......
......@@ -85,7 +85,7 @@ const AuthorEdit = ({
label="Affiliation*"
name="edit.affiliation"
/>
<MenuItem label="Country" name="edit.country" options={countries} />
<MenuItem label="Country*" name="edit.country" options={countries} />
</Row>
</Root>
)
......@@ -101,6 +101,7 @@ export default compose(
initialValues: {
edit: pick(props, [
'isCorresponding',
'isSubmitting',
'firstName',
'lastName',
'middleName',
......
import React from 'react'
import { Checkbox } from '@pubsweet/ui'
class CheckboxGroup extends React.Component {
constructor(props) {
super(props)
this.state = {
values: props.value || [],
}
}
handleChange = event => {
const values = [...this.state.values]
const { value } = event.target
if (event.target.checked) {
values.push(value)
} else {
values.splice(values.indexOf(value), 1)
}
this.setState({ values })
this.props.onChange(values)
}
render() {
const { inline, name, options, required } = this.props
const { values } = this.state
return (
<div>
{options.map(option => (
<Checkbox
checked={values.includes(option.value)}
inline={inline}
key={option.value}
label={option.label}
name={name}
onChange={this.handleChange}
required={required}
value={option.value}
/>
))}
</div>
)
}
}
export default CheckboxGroup
export { default as Logo } from './Logo'
export { default as Spinner } from './Spinner'
export { default as Dropdown } from './Dropdown'
export { default as CheckboxGroup } from './CheckboxGroup'
......@@ -5,4 +5,4 @@ export { default as AuthorList } from './AuthorList/AuthorList'
export { default as SortableList } from './SortableList/SortableList'
export { DragHandle } from './AuthorList/FormItems'
export { Dropdown, Logo, Spinner } from './UIComponents'
export { Dropdown, Logo, Spinner, CheckboxGroup } from './UIComponents'
......@@ -2,9 +2,13 @@ import React from 'react'
import styled from 'styled-components'
import uploadFileFn from 'xpub-upload'
import { AbstractEditor, TitleEditor } from 'xpub-edit'
import { Menu, CheckboxGroup, YesOrNo, TextField } from '@pubsweet/ui'
import { Menu, YesOrNo, TextField } from '@pubsweet/ui'
import { required, minChars, minSize } from 'xpub-validators'
import { AuthorList, Files } from 'pubsweet-components-faraday/src/components'
import {
AuthorList,
Files,
CheckboxGroup,
} from 'pubsweet-components-faraday/src/components'
import { declarations } from './'
import issueTypes from './issues-types'
......
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment