hamptonmoore
/
mastodon
forked from treehouse/mastodon
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Linting fixes

signup-info-prompt
kibigo! 2017-07-12 02:36:40 -07:00
parent e53fbb4a09
commit 183f993b01
1 changed files with 15 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

28
app/javascript/glitch/components/compose/advanced_options.js
View File

@ -20,10 +20,11 @@ const iconStyle = {
}; };
class AdvancedOptionToggle extends React.PureComponent { class AdvancedOptionToggle extends React.PureComponent {
static PropTypes = {
static propTypes = {
onChange: PropTypes.func.isRequired, onChange: PropTypes.func.isRequired,
active: PropTypes.bool.isRequired, active: PropTypes.bool.isRequired,
key: PropTypes.string.isRequired, name: PropTypes.string.isRequired,
shortText: PropTypes.string.isRequired, shortText: PropTypes.string.isRequired,
longText: PropTypes.string.isRequired, longText: PropTypes.string.isRequired,
} }
@ -34,18 +35,19 @@ class AdvancedOptionToggle extends React.PureComponent {
render() { render() {
const { active, shortText, longText } = this.props; const { active, shortText, longText } = this.props;
return ( return (
<div role='button' className='advanced-options-dropdown__option' onClick={this.onToggle}> <div role='button' tabIndex='0' className='advanced-options-dropdown__option' onClick={this.onToggle}>
<div className='advanced-options-dropdown__option__toggle'> <div className='advanced-options-dropdown__option__toggle'>
<Toggle checked={active} onChange={this.onToggle} /> <Toggle checked={active} onChange={this.onToggle} />
</div>
<div className='advanced-options-dropdown__option__content'>
<strong>{shortText}</strong>
{longText}
</div>
</div> </div>
); <div className='advanced-options-dropdown__option__content'>
<strong>{shortText}</strong>
{longText}
</div>
</div>
);
} }
} }
@injectIntl @injectIntl
@ -98,7 +100,7 @@ export default class ComposeAdvancedOptions extends React.PureComponent {
const { intl, values } = this.props; const { intl, values } = this.props;
const options = [ const options = [
{ icon: 'wifi', shortText: messages.local_only_short, longText: messages.local_only_long, key: 'do_not_federate' }, { icon: 'wifi', shortText: messages.local_only_short, longText: messages.local_only_long, key: 'do_not_federate' },
]; ];
const anyEnabled = values.some((enabled) => enabled); const anyEnabled = values.some((enabled) => enabled);