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

satisfy eslint

signup-info-prompt
Surinna Curtis 2017-07-03 00:07:18 -05:00 committed by Gô Shoemake
parent 6b77424660
commit 6b67b91eb1
2 changed files with 14 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
app/javascript/mastodon/features/compose/components/advanced_options_dropdown.js
View File

@ -6,7 +6,7 @@ import Toggle from 'react-toggle';
import { injectIntl, defineMessages } from 'react-intl'; import { injectIntl, defineMessages } from 'react-intl';
const messages = defineMessages({ const messages = defineMessages({
local_only_short: { id: 'advanced-options.local-only.short', defaultMessage: 'Local-only'}, local_only_short: { id: 'advanced-options.local-only.short', defaultMessage: 'Local-only' },
local_only_long: { id: 'advanced-options.local-only.long', defaultMessage: 'bla' }, local_only_long: { id: 'advanced-options.local-only.long', defaultMessage: 'bla' },
advanced_options_icon_title: { id: 'advanced_options.icon_title', defaultMessage: 'Advanced options' }, advanced_options_icon_title: { id: 'advanced_options.icon_title', defaultMessage: 'Advanced options' },
}); });
@ -18,6 +18,7 @@ const iconStyle = {
@injectIntl @injectIntl
export default class AdvancedOptionsDropdown extends React.PureComponent { export default class AdvancedOptionsDropdown extends React.PureComponent {
static propTypes = { static propTypes = {
values: ImmutablePropTypes.contains({ values: ImmutablePropTypes.contains({
do_not_federate: PropTypes.bool.isRequired, do_not_federate: PropTypes.bool.isRequired,
@ -27,7 +28,7 @@ export default class AdvancedOptionsDropdown extends React.PureComponent {
}; };
onToggleDropdown = () => { onToggleDropdown = () => {
this.setState({ open: !this.state.open }); this.setState({ open: !this.state.open });
}; };
onGlobalClick = (e) => { onGlobalClick = (e) => {
@ -72,11 +73,11 @@ export default class AdvancedOptionsDropdown extends React.PureComponent {
{ 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);
const optionElems = options.map((option) => { const optionElems = options.map((option) => {
const active = values.get(option.key) ? 'active' : ''; const active = values.get(option.key) ? 'active' : '';
return ( return (
<div role='button' className={`advanced-options-dropdown__option`} key={option.key} > <div role='button' className='advanced-options-dropdown__option' key={option.key} >
<div className='advanced-options-dropdown__option__toggle'> <div className='advanced-options-dropdown__option__toggle'>
<Toggle checked={active} onChange={this.toggleHandler(option.key)} /> <Toggle checked={active} onChange={this.toggleHandler(option.key)} />
</div> </div>
@ -88,18 +89,21 @@ export default class AdvancedOptionsDropdown extends React.PureComponent {
); );
}); });
return <div ref={this.setRef} className={`advanced-options-dropdown ${open ? 'open' : ''} ${anyEnabled ? 'active' : ''} `}> return (<div ref={this.setRef} className={`advanced-options-dropdown ${open ? 'open' : ''} ${anyEnabled ? 'active' : ''} `}>
<div className='advanced-options-dropdown__value'> <div className='advanced-options-dropdown__value'>
<IconButton className='advanced-options-dropdown__value' <IconButton
className='advanced-options-dropdown__value'
title={intl.formatMessage(messages.advanced_options_icon_title)} title={intl.formatMessage(messages.advanced_options_icon_title)}
icon='ellipsis-h' active={open || anyEnabled} icon='ellipsis-h' active={open || anyEnabled}
size={18} size={18}
style={iconStyle} style={iconStyle}
onClick={this.onToggleDropdown} /> onClick={this.onToggleDropdown}
/>
</div> </div>
<div className='advanced-options-dropdown__dropdown'> <div className='advanced-options-dropdown__dropdown'>
{optionElems} {optionElems}
</div> </div>
</div>; </div>);
} }
} }

4
app/javascript/mastodon/reducers/compose.js
View File

@ -31,7 +31,7 @@ import uuid from '../uuid';
const initialState = Immutable.Map({ const initialState = Immutable.Map({
mounted: false, mounted: false,
advanced_options: Immutable.Map({ advanced_options: Immutable.Map({
do_not_federate: false do_not_federate: false,
}), }),
sensitive: false, sensitive: false,
spoiler: false, spoiler: false,
@ -49,7 +49,7 @@ const initialState = Immutable.Map({
suggestions: Immutable.List(), suggestions: Immutable.List(),
me: null, me: null,
default_advanced_options: Immutable.Map({ default_advanced_options: Immutable.Map({
do_not_federate: false do_not_federate: false,
}), }),
default_privacy: 'public', default_privacy: 'public',
resetFileKey: Math.floor((Math.random() * 0x10000)), resetFileKey: Math.floor((Math.random() * 0x10000)),