diff options
Diffstat (limited to 'web/src/js/components/Modal/OptionTypes.jsx')
-rw-r--r-- | web/src/js/components/Modal/OptionTypes.jsx | 48 |
1 files changed, 0 insertions, 48 deletions
diff --git a/web/src/js/components/Modal/OptionTypes.jsx b/web/src/js/components/Modal/OptionTypes.jsx deleted file mode 100644 index 8a9325e1..00000000 --- a/web/src/js/components/Modal/OptionTypes.jsx +++ /dev/null @@ -1,48 +0,0 @@ -import PropTypes from 'prop-types' -import { connect } from 'react-redux' -import { update as updateOptions } from '../../ducks/options' - -MenuToggle.propTypes = { - value: PropTypes.bool.isRequired, - onChange: PropTypes.func.isRequired, - children: PropTypes.node.isRequired, -} - -export function MenuToggle({ value, onChange, children }) { - return ( - <div className="menu-entry"> - <label> - <input type="checkbox" - checked={value} - onChange={onChange}/> - {children} - </label> - </div> - ) -} - -OptionsToggle.propTypes = { - option: PropTypes.string.isRequired, - children: PropTypes.node.isRequired, -} - -export function OptionsToggle({ option, children, options, updateOptions }) { - return ( - <MenuToggle - value={ options[option].value } - onChange={() => {console.log(options[option]); - updateOptions({ [option]: !(options[option].value)}) }} - > - {children} - </MenuToggle> - ) -} - -OptionsToggle = connect( - state => ({ - options: state.options, - }), - { - updateOptions, - } -)(OptionsToggle) |