51 lines
1.4 KiB
JavaScript
51 lines
1.4 KiB
JavaScript
import React, { useState } from 'react'
|
|
import PropTypes from 'prop-types'
|
|
import { FormattedMessage } from 'react-intl'
|
|
import PatternOptions from './PatternOptions'
|
|
import DraftSettings from './DraftSettings'
|
|
|
|
const DraftConfigurator = props => {
|
|
const [expanded, setExpanded] = useState([])
|
|
return (
|
|
<ul className="config l1">
|
|
<li>
|
|
<span>
|
|
<FormattedMessage id="app.designOptions" />
|
|
</span>
|
|
<PatternOptions
|
|
noDocs={props.noDocs}
|
|
config={props.config}
|
|
data={props.data}
|
|
pattern={props.pattern}
|
|
updateValue={(name, value) => props.updatePatternData(value, 'settings', 'options', name)}
|
|
raiseEvent={props.raiseEvent}
|
|
units={props.units}
|
|
/>
|
|
</li>
|
|
<li>
|
|
<span>
|
|
<FormattedMessage id="app.patternOptions" />
|
|
</span>
|
|
<DraftSettings
|
|
noDocs={props.noDocs}
|
|
config={props.config}
|
|
data={props.data}
|
|
pattern={props.pattern}
|
|
updateValue={(name, value) => props.updatePatternData(value, 'settings', name)}
|
|
raiseEvent={props.raiseEvent}
|
|
units={props.units}
|
|
/>
|
|
</li>
|
|
</ul>
|
|
)
|
|
}
|
|
|
|
DraftConfigurator.propTypes = {
|
|
units: PropTypes.oneOf(['metric', 'imperial']).isRequired
|
|
}
|
|
|
|
DraftConfigurator.defaultProps = {
|
|
noDocs: false
|
|
}
|
|
|
|
export default DraftConfigurator
|