gab-social/app/javascript/gabsocial/components/setting_switch.js

50 lines
1.2 KiB
JavaScript
Raw Normal View History

2020-03-24 04:39:12 +00:00
import ImmutablePropTypes from 'react-immutable-proptypes'
import ImmutablePureComponent from 'react-immutable-pure-component'
import Switch from './switch'
export default class SettingSwitch extends ImmutablePureComponent {
static propTypes = {
prefix: PropTypes.string,
settings: ImmutablePropTypes.map.isRequired,
2020-04-09 20:18:14 +01:00
settingPath: PropTypes.oneOfType([
PropTypes.array,
PropTypes.string,
]).isRequired,
2020-03-24 04:39:12 +00:00
description: PropTypes.string,
label: PropTypes.string.isRequired,
onChange: PropTypes.func.isRequired,
}
onChange = ({ target }) => {
this.props.onChange(this.props.settingPath, target.checked)
}
render () {
const {
prefix,
settings,
settingPath,
label,
description
} = this.props
2020-04-09 20:18:14 +01:00
const isArray = Array.isArray(settingPath)
const checked = isArray ? settings.getIn(settingPath) : settings.get(settingPath)
const idVal = isArray ? settingPath.join('-') : settingPath
const id = ['setting-toggle', prefix, idVal].filter(Boolean).join('-')
2020-03-24 04:39:12 +00:00
return (
<Switch
description={description}
label={label}
id={id}
2020-04-09 20:18:14 +01:00
checked={checked}
2020-03-24 04:39:12 +00:00
onChange={this.onChange}
onKeyDown={this.onKeyDown}
/>
)
}
}