bigbuffet/bigbuffet-rw
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Add modal confirmation settings

Browse source
This commit is contained in:
Alex Gleason 2020-04-20 18:52:33 -05:00
parent 84c769c5f6
commit 8035048ca4
No known key found for this signature in database
GPG key ID: 7211D1F99744FBB7
1 changed files with 53 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

53
app/gabsocial/features/preferences/index.js
View file

@ -58,12 +58,20 @@ class Preferences extends ImmutablePureComponent {
dispatch(changeSetting(['defaultPrivacy'], e.target.value)); dispatch(changeSetting(['defaultPrivacy'], e.target.value));
} }
handleCheckboxSetting = path => {
const { dispatch } = this.props;
return (e) => {
dispatch(changeSetting(path, e.target.checked));
};
}
render() { render() {
const { settings, intl } = this.props; const { settings, intl } = this.props;
return ( return (
<Column icon='users' heading={intl.formatMessage(messages.heading)} backBtnSlim> <Column icon='users' heading={intl.formatMessage(messages.heading)} backBtnSlim>
<form className='simple_form' onSubmit={this.handleSubmit}> <form className='simple_form' onSubmit={this.handleSubmit}>
<div className='fields-group'> <div className='fields-group'>
<div className='input with_label select optional user_setting_theme'> <div className='input with_label select optional user_setting_theme'>
<div className='label_input'> <div className='label_input'>
@ -86,6 +94,7 @@ class Preferences extends ImmutablePureComponent {
</div> </div>
</div> </div>
</div> </div>
<div className='fields-group'> <div className='fields-group'>
<div className='input with_floating_label radio_buttons optional user_setting_default_privacy'> <div className='input with_floating_label radio_buttons optional user_setting_default_privacy'>
<div className='label_input'> <div className='label_input'>
@ -113,6 +122,50 @@ class Preferences extends ImmutablePureComponent {
</div> </div>
</div> </div>
</div> </div>
<div className='fields-group'>
<div className='input with_label boolean optional user_setting_unfollow_modal'>
<div className='label_input'>
<label className='boolean optional' htmlFor='user_setting_unfollow_modal'>
Show confirmation dialog before unfollowing someone
</label>
<div className='label_input__wrapper'>
<label className='checkbox'>
<input className='boolean optional' type='checkbox' checked={settings.get('unfollowModal')} onChange={this.handleCheckboxSetting(['unfollowModal'])} id='user_setting_unfollow_modal' />
</label>
</div>
</div>
</div>
<div className='input with_label boolean optional user_setting_boost_modal'>
<div className='label_input'>
<label className='boolean optional' htmlFor='user_setting_boost_modal'>
Show confirmation dialog before reposting
</label>
<div className='label_input__wrapper'>
<label className='checkbox'>
<input className='boolean optional' type='checkbox' checked={settings.get('boostModal')} onChange={this.handleCheckboxSetting(['boostModal'])} id='user_setting_boost_modal' />
</label>
</div>
</div>
</div>
<div className='input with_label boolean optional user_setting_delete_modal'>
<div className='label_input'>
<label className='boolean optional' htmlFor='user_setting_delete_modal'>
Show confirmation dialog before deleting a post
</label>
<div className='label_input__wrapper'>
<label className='checkbox'>
<input className='boolean optional' type='checkbox' checked={settings.get('deleteModal')} onChange={this.handleCheckboxSetting(['deleteModal'])} id='user_setting_delete_modal' />
</label>
</div>
</div>
</div>
</div>
</form> </form>
</Column> </Column>
); );