|
|
|
@ -25,6 +25,7 @@ class Option extends React.PureComponent { |
|
|
|
|
|
|
|
|
|
static propTypes = { |
|
|
|
|
title: PropTypes.string.isRequired, |
|
|
|
|
lang: PropTypes.string, |
|
|
|
|
index: PropTypes.number.isRequired, |
|
|
|
|
isPollMultiple: PropTypes.bool, |
|
|
|
|
autoFocus: PropTypes.bool, |
|
|
|
@ -72,7 +73,7 @@ class Option extends React.PureComponent { |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
render () { |
|
|
|
|
const { isPollMultiple, title, index, autoFocus, intl } = this.props; |
|
|
|
|
const { isPollMultiple, title, lang, index, autoFocus, intl } = this.props; |
|
|
|
|
|
|
|
|
|
return ( |
|
|
|
|
<li> |
|
|
|
@ -91,6 +92,7 @@ class Option extends React.PureComponent { |
|
|
|
|
placeholder={intl.formatMessage(messages.option_placeholder, { number: index + 1 })} |
|
|
|
|
maxLength={50} |
|
|
|
|
value={title} |
|
|
|
|
lang={lang} |
|
|
|
|
onChange={this.handleOptionTitleChange} |
|
|
|
|
suggestions={this.props.suggestions} |
|
|
|
|
onSuggestionsFetchRequested={this.onSuggestionsFetchRequested} |
|
|
|
@ -116,6 +118,7 @@ class PollForm extends ImmutablePureComponent { |
|
|
|
|
|
|
|
|
|
static propTypes = { |
|
|
|
|
options: ImmutablePropTypes.list, |
|
|
|
|
lang: PropTypes.string, |
|
|
|
|
expiresIn: PropTypes.number, |
|
|
|
|
isMultiple: PropTypes.bool, |
|
|
|
|
onChangeOption: PropTypes.func.isRequired, |
|
|
|
@ -142,7 +145,7 @@ class PollForm extends ImmutablePureComponent { |
|
|
|
|
}; |
|
|
|
|
|
|
|
|
|
render () { |
|
|
|
|
const { options, expiresIn, isMultiple, onChangeOption, onRemoveOption, intl, ...other } = this.props; |
|
|
|
|
const { options, lang, expiresIn, isMultiple, onChangeOption, onRemoveOption, intl, ...other } = this.props; |
|
|
|
|
|
|
|
|
|
if (!options) { |
|
|
|
|
return null; |
|
|
|
@ -153,7 +156,7 @@ class PollForm extends ImmutablePureComponent { |
|
|
|
|
return ( |
|
|
|
|
<div className='compose-form__poll-wrapper'> |
|
|
|
|
<ul> |
|
|
|
|
{options.map((title, i) => <Option title={title} key={i} index={i} onChange={onChangeOption} onRemove={onRemoveOption} isPollMultiple={isMultiple} onToggleMultiple={this.handleToggleMultiple} autoFocus={i === autoFocusIndex} {...other} />)} |
|
|
|
|
{options.map((title, i) => <Option title={title} lang={lang} key={i} index={i} onChange={onChangeOption} onRemove={onRemoveOption} isPollMultiple={isMultiple} onToggleMultiple={this.handleToggleMultiple} autoFocus={i === autoFocusIndex} {...other} />)} |
|
|
|
|
</ul> |
|
|
|
|
|
|
|
|
|
<div className='poll__footer'> |
|
|
|
|