Unfloyded/Legamunt
0
0
Fork 0
Code Activity

Change toggle state when click label (#3530)

Browse source
This commit is contained in:
Yamagishi Kazutoshi 2017-06-03 21:40:24 +09:00 • committed by Eugen Rochko
parent d567a382e3
commit 3ea3f24a02
2 changed files with 8 additions and 9 deletions
Download patch file Download diff file Expand all files Collapse all files

12
app/javascript/mastodon/features/notifications/components/setting_toggle.js
View file

@ -10,7 +10,6 @@ class SettingToggle extends React.PureComponent {
settingKey: PropTypes.array.isRequired,
label: PropTypes.node.isRequired,
onChange: PropTypes.func.isRequired,
htmlFor: PropTypes.string,
}
onChange = (e) => {
@ -18,13 +17,14 @@ class SettingToggle extends React.PureComponent {
}
render () {
const { settings, settingKey, label, onChange, htmlFor = '' } = this.props;
const { settings, settingKey, label, onChange } = this.props;
const id = `setting-toggle-${settingKey.join('-')}`;
return (
<label htmlFor={htmlFor} className='setting-toggle__label'>
<Toggle checked={settings.getIn(settingKey)} onChange={this.onChange} />
<span className='setting-toggle'>{label}</span>
</label>
<div className='setting-toggle'>
<Toggle id={id} checked={settings.getIn(settingKey)} onChange={this.onChange} />
<label htmlFor={id} className='setting-toggle__label'>{label}</label>
</div>
);
}