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

}
g' alt='cgit logo'/></a></td>
<td class='main'><a href='/~lantw44/cgit/'>index</a> : <a title='freebsd-ports-graphics' href='/~lantw44/cgit/freebsd-ports-graphics/'>freebsd-ports-graphics</a></td><td class='form'><form method='get'>
<input type='hidden' name='id' value='aa020b736f5c57adddbd7c17d2197f70d6420a72'/><select name='h' onchange='this.form.submit();'>
<option value='master'>master</option>
<option value='mesa-next' selected='selected'>mesa-next</option>
<option value='wayland'>wayland</option>
<option value='xorg-server-1.19.6'>xorg-server-1.19.6</option>
<option value='xserver-next'>xserver-next</option>
</select> <input type='submit' value='switch'/></form></td></tr>
<tr><td class='sub'>FreeBSD graphics obsolete development ports (https://github.com/freebsd/freebsd-ports-graphics)</td><td class='sub right'></td></tr></table>
<table class='tabs'><tr><td>
<a href='/~lantw44/cgit/freebsd-ports-graphics/about/'>about</a><a href='/~lantw44/cgit/freebsd-ports-graphics/'>summary</a><a href='/~lantw44/cgit/freebsd-ports-graphics/refs/?id=aa020b736f5c57adddbd7c17d2197f70d6420a72'>refs</a><a class='active' href='/~lantw44/cgit/freebsd-ports-graphics/log/cad/findhier'>log</a><a href='/~lantw44/cgit/freebsd-ports-graphics/tree/cad/findhier?id=aa020b736f5c57adddbd7c17d2197f70d6420a72'>tree</a><a href='/~lantw44/cgit/freebsd-ports-graphics/commit/cad/findhier?id=aa020b736f5c57adddbd7c17d2197f70d6420a72'>commit</a><a href='/~lantw44/cgit/freebsd-ports-graphics/diff/cad/findhier?id=aa020b736f5c57adddbd7c17d2197f70d6420a72'>diff</a><a href='/~lantw44/cgit/freebsd-ports-graphics/stats/cad/findhier'>stats</a></td><td class='form'><form class='right' method='get' action='/~lantw44/cgit/freebsd-ports-graphics/log/cad/findhier'>
<input type='hidden' name='id' value='aa020b736f5c57adddbd7c17d2197f70d6420a72'/><select name='qt'>
<option value='grep'>log msg</option>
<option value='author'>author</option>
<option value='committer'>committer</option>
<option value='range'>range</option>
</select>
<input class='txt' type='search' size='10' name='q' value=''/>
<input type='submit' value='search'/>
</form>
</td></tr></table>
<div class='path'>path: <a href='/~lantw44/cgit/freebsd-ports-graphics/log/?id=aa020b736f5c57adddbd7c17d2197f70d6420a72'>root</a>/<a href='/~lantw44/cgit/freebsd-ports-graphics/log/cad?id=aa020b736f5c57adddbd7c17d2197f70d6420a72'>cad</a>/<a href='/~lantw44/cgit/freebsd-ports-graphics/log/cad/findhier?id=aa020b736f5c57adddbd7c17d2197f70d6420a72'>findhier</a></div><div class='content'><table class='list nowrap'><tr class='nohover'><th></th><th class='left'>Commit message (<a href='/~lantw44/cgit/freebsd-ports-graphics/log/cad/findhier?id=aa020b736f5c57adddbd7c17d2197f70d6420a72&amp;showmsg=1'>Expand</a>)</th><th class='left'>Author</th><th class='left'>Age</th><th class='left'>Files</th><th class='left'>Lines</th></tr>