import PropTypes from 'prop-types'
import { connect } from "react-redux"
import { update as updateSettings } from "../../ducks/settings"
import { toggleVisibility } from "../../ducks/eventLog"
MenuToggle.propTypes = {
value: PropTypes.bool.isRequired,
onChange: PropTypes.func.isRequired,
children: PropTypes.node.isRequired,
}
export function MenuToggle({ value, onChange, children }) {
return (
)
}
SettingsToggle.propTypes = {
setting: PropTypes.string.isRequired,
children: PropTypes.node.isRequired,
}
export function SettingsToggle({ setting, children, settings, updateSettings }) {
return (
updateSettings({ [setting]: !settings[setting] })}
>
{children}
)
}
SettingsToggle = connect(
state => ({
settings: state.settings,
}),
{
updateSettings,
}
)(SettingsToggle)
export function EventlogToggle({ toggleVisibility, eventLogVisible }) {
return (
Display Event Log
)
}
EventlogToggle = connect(
state => ({
eventLogVisible: state.eventLog.visible,
}),
{
toggleVisibility,
}
)(EventlogToggle)