|
|
|
@ -7,11 +7,9 @@ import ImmutablePureComponent from 'react-immutable-pure-component';
|
|
|
|
|
import ImmutablePropTypes from 'react-immutable-proptypes';
|
|
|
|
|
|
|
|
|
|
const messages = defineMessages({
|
|
|
|
|
upload: { id: 'upload_button.label', defaultMessage: 'Add media ({formats})' },
|
|
|
|
|
upload: { id: 'upload_button.label', defaultMessage: 'Add images, a video or an audio file' },
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
const SUPPORTED_FORMATS = 'JPEG, PNG, GIF, WebM, MP4, MOV, OGG, WAV, MP3, FLAC';
|
|
|
|
|
|
|
|
|
|
const makeMapStateToProps = () => {
|
|
|
|
|
const mapStateToProps = state => ({
|
|
|
|
|
acceptContentTypes: state.getIn(['media_attachments', 'accept_content_types']),
|
|
|
|
@ -60,11 +58,13 @@ class UploadButton extends ImmutablePureComponent {
|
|
|
|
|
return null;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
const message = intl.formatMessage(messages.upload);
|
|
|
|
|
|
|
|
|
|
return (
|
|
|
|
|
<div className='compose-form__upload-button'>
|
|
|
|
|
<IconButton icon='paperclip' title={intl.formatMessage(messages.upload, { formats: SUPPORTED_FORMATS })} disabled={disabled} onClick={this.handleClick} className='compose-form__upload-button-icon' size={18} inverted style={iconStyle} />
|
|
|
|
|
<IconButton icon='paperclip' title={message} disabled={disabled} onClick={this.handleClick} className='compose-form__upload-button-icon' size={18} inverted style={iconStyle} />
|
|
|
|
|
<label>
|
|
|
|
|
<span style={{ display: 'none' }}>{intl.formatMessage(messages.upload, { formats: SUPPORTED_FORMATS })}</span>
|
|
|
|
|
<span style={{ display: 'none' }}>{message}</span>
|
|
|
|
|
<input
|
|
|
|
|
key={resetFileKey}
|
|
|
|
|
ref={this.setRef}
|
|
|
|
|