aboutsummaryrefslogblamecommitdiffstats
path: root/development/selector.js
blob: 2673d0fe3c303a8ec7fb803483d4f56f39634463 (plain) (tree)
1
2
3
4
5
6
7
8
9
10
11
12
13












                                             
         






                                  




                                                


                              
                    
                          
                                            

                                                                                     







                                                       
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)
  }))

}