ashatora/editor
1
0
Fork 0
mirror of https://github.com/maputnik/editor.git synced 2025-12-24 23:20:00 +00:00
Code Issues Projects Releases Wiki Activity

Filter out combining operator select

Browse Source
This commit is contained in:
Lukas Martinelli
2017-01-09 17:47:35 +01:00
parent ba0a94f3ad
commit fed530f5f2
4 changed files with 87 additions and 64 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
src/components/inputs/MultiButtonInput.jsx
View File

@@ -15,21 +15,29 @@ class MultiButtonInput extends React.Component {
}
render() {
const selectedValue = this.props.value || this.props.options[0][0]
const buttons = this.props.options.map(([val, label])=> {
let options = this.props.options
if(options.length > 0 && !Array.isArray(options[0])) {
options = options.map(v => [v, v])
}
const selectedValue = this.props.value || options[0][0]
const buttons = options.map(([val, label])=> {
return <Button
key={val}
onClick={e => this.props.onChange(val)}
style={{
marginRight: margins[0],
backgroundColor: val === selectedValue ? colors.midgray : colors.gray,
}}
onClick={e => this.props.onChange(val)}
>
{label}
</Button>
})
return <div style={{display: 'inline-block'}}>
return <div style={{
display: 'inline-block',
...this.props.style,
}}>
{buttons}
</div>
}