diff options
Diffstat (limited to 'web/src/js/components/Modal/OptionModal.jsx')
| -rw-r--r-- | web/src/js/components/Modal/OptionModal.jsx | 27 |
1 files changed, 22 insertions, 5 deletions
diff --git a/web/src/js/components/Modal/OptionModal.jsx b/web/src/js/components/Modal/OptionModal.jsx index 500495c4..ef3a224a 100644 --- a/web/src/js/components/Modal/OptionModal.jsx +++ b/web/src/js/components/Modal/OptionModal.jsx @@ -1,16 +1,18 @@ import React, { Component } from 'react' import { connect } from 'react-redux' import * as modalAction from '../../ducks/ui/modal' +import { update as updateOptions } from '../../ducks/options' +import Option from './OptionMaster' class PureOptionModal extends Component { constructor(props, context) { super(props, context) - this.state = { title: 'Options', } + this.state = { title: 'Options' } } render() { - const { hideModal } = this.props + const { hideModal, options } = this.props const { title } = this.state return ( <div> @@ -26,7 +28,19 @@ class PureOptionModal extends Component { </div> <div className="modal-body"> - ... + { + Object.keys(options).sort() + .map((key, index) => { + let option = options[key]; + return ( + <Option + key={index} + name={key} + updateOptions={updateOptions} + option={option} + />) + }) + } </div> <div className="modal-footer"> @@ -39,7 +53,10 @@ class PureOptionModal extends Component { export default connect( state => ({ - + options: state.options }), - { hideModal: modalAction.hideModal } + { + hideModal: modalAction.hideModal, + updateOptions: updateOptions, + } )(PureOptionModal) |