diff --git a/app/javascript/glitch/components/compose/advanced_options.js b/app/javascript/glitch/components/compose/advanced_options.js index 0d22f2546..17fc1d801 100644 --- a/app/javascript/glitch/components/compose/advanced_options.js +++ b/app/javascript/glitch/components/compose/advanced_options.js @@ -20,10 +20,11 @@ const iconStyle = { }; class AdvancedOptionToggle extends React.PureComponent { - static PropTypes = { + + static propTypes = { onChange: PropTypes.func.isRequired, active: PropTypes.bool.isRequired, - key: PropTypes.string.isRequired, + name: PropTypes.string.isRequired, shortText: PropTypes.string.isRequired, longText: PropTypes.string.isRequired, } @@ -34,18 +35,19 @@ class AdvancedOptionToggle extends React.PureComponent { render() { const { active, shortText, longText } = this.props; - return ( -
-
- -
-
- {shortText} - {longText} -
+ return ( +
+
+
- ); +
+ {shortText} + {longText} +
+
+ ); } + } @injectIntl @@ -98,7 +100,7 @@ export default class ComposeAdvancedOptions extends React.PureComponent { const { intl, values } = this.props; 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);