43 lines
1.1 KiB
JavaScript
43 lines
1.1 KiB
JavaScript
const Component = require('react').Component
|
|
const h = require('react-hyperscript')
|
|
const inherits = require('util').inherits
|
|
|
|
module.exports = NewComponent
|
|
|
|
inherits(NewComponent, Component)
|
|
function NewComponent () {
|
|
Component.call(this)
|
|
}
|
|
|
|
NewComponent.prototype.render = function () {
|
|
const props = this.props
|
|
const {
|
|
states,
|
|
selectedKey,
|
|
actions,
|
|
store,
|
|
modifyBackgroundConnection,
|
|
backGroundConnectionModifiers,
|
|
} = props
|
|
|
|
const state = this.state || {}
|
|
const selected = state.selected || selectedKey
|
|
|
|
return h('select', {
|
|
style: {
|
|
margin: '20px 20px 0px',
|
|
},
|
|
value: selected,
|
|
onChange: (event) => {
|
|
const selectedKey = event.target.value
|
|
const backgroundConnectionModifier = backGroundConnectionModifiers[selectedKey]
|
|
modifyBackgroundConnection(backgroundConnectionModifier || {})
|
|
store.dispatch(actions.update(selectedKey))
|
|
this.setState({ selected: selectedKey })
|
|
},
|
|
}, Object.keys(states).map((stateName) => {
|
|
return h('option', { value: stateName }, stateName)
|
|
}))
|
|
|
|
}
|