Improve wording of the “Add media” button tooltip (#13954)
- Remove (incomplete) list of supported formats - List types of media (image, video, audio) - Tell that several images could be uploaded using plural
This commit is contained in:
		
							parent
							
								
									f5cea4d2ea
								
							
						
					
					
						commit
						e49bd93211
					
				
					 14 changed files with 18 additions and 18 deletions
				
			
		| 
						 | 
					@ -7,11 +7,9 @@ import ImmutablePureComponent from 'react-immutable-pure-component';
 | 
				
			||||||
import ImmutablePropTypes from 'react-immutable-proptypes';
 | 
					import ImmutablePropTypes from 'react-immutable-proptypes';
 | 
				
			||||||
 | 
					
 | 
				
			||||||
const messages = defineMessages({
 | 
					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 makeMapStateToProps = () => {
 | 
				
			||||||
  const mapStateToProps = state => ({
 | 
					  const mapStateToProps = state => ({
 | 
				
			||||||
    acceptContentTypes: state.getIn(['media_attachments', 'accept_content_types']),
 | 
					    acceptContentTypes: state.getIn(['media_attachments', 'accept_content_types']),
 | 
				
			||||||
| 
						 | 
					@ -60,11 +58,13 @@ class UploadButton extends ImmutablePureComponent {
 | 
				
			||||||
      return null;
 | 
					      return null;
 | 
				
			||||||
    }
 | 
					    }
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					    const message = intl.formatMessage(messages.upload);
 | 
				
			||||||
 | 
					
 | 
				
			||||||
    return (
 | 
					    return (
 | 
				
			||||||
      <div className='compose-form__upload-button'>
 | 
					      <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>
 | 
					        <label>
 | 
				
			||||||
          <span style={{ display: 'none' }}>{intl.formatMessage(messages.upload, { formats: SUPPORTED_FORMATS })}</span>
 | 
					          <span style={{ display: 'none' }}>{message}</span>
 | 
				
			||||||
          <input
 | 
					          <input
 | 
				
			||||||
            key={resetFileKey}
 | 
					            key={resetFileKey}
 | 
				
			||||||
            ref={this.setRef}
 | 
					            ref={this.setRef}
 | 
				
			||||||
| 
						 | 
					
 | 
				
			||||||
| 
						 | 
					@ -422,7 +422,7 @@
 | 
				
			||||||
  "trends.trending_now": "Trending now",
 | 
					  "trends.trending_now": "Trending now",
 | 
				
			||||||
  "ui.beforeunload": "El borrador va perdese si coles de Mastodon.",
 | 
					  "ui.beforeunload": "El borrador va perdese si coles de Mastodon.",
 | 
				
			||||||
  "upload_area.title": "Arrastra y suelta pa xubir",
 | 
					  "upload_area.title": "Arrastra y suelta pa xubir",
 | 
				
			||||||
  "upload_button.label": "Add media ({formats})",
 | 
					  "upload_button.label": "Add images, a video or an audio file",
 | 
				
			||||||
  "upload_error.limit": "File upload limit exceeded.",
 | 
					  "upload_error.limit": "File upload limit exceeded.",
 | 
				
			||||||
  "upload_error.poll": "La xuba de ficheros nun ta permitida con encuestes.",
 | 
					  "upload_error.poll": "La xuba de ficheros nun ta permitida con encuestes.",
 | 
				
			||||||
  "upload_form.audio_description": "Descripción pa persones con perda auditiva",
 | 
					  "upload_form.audio_description": "Descripción pa persones con perda auditiva",
 | 
				
			||||||
| 
						 | 
					
 | 
				
			||||||
| 
						 | 
					@ -1206,7 +1206,7 @@
 | 
				
			||||||
  {
 | 
					  {
 | 
				
			||||||
    "descriptors": [
 | 
					    "descriptors": [
 | 
				
			||||||
      {
 | 
					      {
 | 
				
			||||||
        "defaultMessage": "Add media ({formats})",
 | 
					        "defaultMessage": "Add images, a video or an audio file",
 | 
				
			||||||
        "id": "upload_button.label"
 | 
					        "id": "upload_button.label"
 | 
				
			||||||
      }
 | 
					      }
 | 
				
			||||||
    ],
 | 
					    ],
 | 
				
			||||||
| 
						 | 
					
 | 
				
			||||||
| 
						 | 
					@ -422,7 +422,7 @@
 | 
				
			||||||
  "trends.trending_now": "Trending now",
 | 
					  "trends.trending_now": "Trending now",
 | 
				
			||||||
  "ui.beforeunload": "Your draft will be lost if you leave Mastodon.",
 | 
					  "ui.beforeunload": "Your draft will be lost if you leave Mastodon.",
 | 
				
			||||||
  "upload_area.title": "Drag & drop to upload",
 | 
					  "upload_area.title": "Drag & drop to upload",
 | 
				
			||||||
  "upload_button.label": "Add media ({formats})",
 | 
					  "upload_button.label": "Add images, a video or an audio file",
 | 
				
			||||||
  "upload_error.limit": "File upload limit exceeded.",
 | 
					  "upload_error.limit": "File upload limit exceeded.",
 | 
				
			||||||
  "upload_error.poll": "File upload not allowed with polls.",
 | 
					  "upload_error.poll": "File upload not allowed with polls.",
 | 
				
			||||||
  "upload_form.audio_description": "Describe for people with hearing loss",
 | 
					  "upload_form.audio_description": "Describe for people with hearing loss",
 | 
				
			||||||
| 
						 | 
					
 | 
				
			||||||
| 
						 | 
					@ -422,7 +422,7 @@
 | 
				
			||||||
  "trends.trending_now": "Trending now",
 | 
					  "trends.trending_now": "Trending now",
 | 
				
			||||||
  "ui.beforeunload": "Your draft will be lost if you leave Mastodon.",
 | 
					  "ui.beforeunload": "Your draft will be lost if you leave Mastodon.",
 | 
				
			||||||
  "upload_area.title": "Drag & drop to upload",
 | 
					  "upload_area.title": "Drag & drop to upload",
 | 
				
			||||||
  "upload_button.label": "Add media ({formats})",
 | 
					  "upload_button.label": "Add images, a video or an audio file",
 | 
				
			||||||
  "upload_error.limit": "File upload limit exceeded.",
 | 
					  "upload_error.limit": "File upload limit exceeded.",
 | 
				
			||||||
  "upload_error.poll": "File upload not allowed with polls.",
 | 
					  "upload_error.poll": "File upload not allowed with polls.",
 | 
				
			||||||
  "upload_form.audio_description": "Describe for people with hearing loss",
 | 
					  "upload_form.audio_description": "Describe for people with hearing loss",
 | 
				
			||||||
| 
						 | 
					
 | 
				
			||||||
| 
						 | 
					@ -422,7 +422,7 @@
 | 
				
			||||||
  "trends.trending_now": "Trending now",
 | 
					  "trends.trending_now": "Trending now",
 | 
				
			||||||
  "ui.beforeunload": "Your draft will be lost if you leave Mastodon.",
 | 
					  "ui.beforeunload": "Your draft will be lost if you leave Mastodon.",
 | 
				
			||||||
  "upload_area.title": "Drag & drop to upload",
 | 
					  "upload_area.title": "Drag & drop to upload",
 | 
				
			||||||
  "upload_button.label": "Add media ({formats})",
 | 
					  "upload_button.label": "Add images, a video or an audio file",
 | 
				
			||||||
  "upload_error.limit": "File upload limit exceeded.",
 | 
					  "upload_error.limit": "File upload limit exceeded.",
 | 
				
			||||||
  "upload_error.poll": "File upload not allowed with polls.",
 | 
					  "upload_error.poll": "File upload not allowed with polls.",
 | 
				
			||||||
  "upload_form.audio_description": "Describe for people with hearing loss",
 | 
					  "upload_form.audio_description": "Describe for people with hearing loss",
 | 
				
			||||||
| 
						 | 
					
 | 
				
			||||||
| 
						 | 
					@ -422,7 +422,7 @@
 | 
				
			||||||
  "trends.trending_now": "Trending now",
 | 
					  "trends.trending_now": "Trending now",
 | 
				
			||||||
  "ui.beforeunload": "Your draft will be lost if you leave Mastodon.",
 | 
					  "ui.beforeunload": "Your draft will be lost if you leave Mastodon.",
 | 
				
			||||||
  "upload_area.title": "Drag & drop to upload",
 | 
					  "upload_area.title": "Drag & drop to upload",
 | 
				
			||||||
  "upload_button.label": "Add media ({formats})",
 | 
					  "upload_button.label": "Add images, a video or an audio file",
 | 
				
			||||||
  "upload_error.limit": "File upload limit exceeded.",
 | 
					  "upload_error.limit": "File upload limit exceeded.",
 | 
				
			||||||
  "upload_error.poll": "File upload not allowed with polls.",
 | 
					  "upload_error.poll": "File upload not allowed with polls.",
 | 
				
			||||||
  "upload_form.audio_description": "Describe for people with hearing loss",
 | 
					  "upload_form.audio_description": "Describe for people with hearing loss",
 | 
				
			||||||
| 
						 | 
					
 | 
				
			||||||
| 
						 | 
					@ -422,7 +422,7 @@
 | 
				
			||||||
  "trends.trending_now": "Trending now",
 | 
					  "trends.trending_now": "Trending now",
 | 
				
			||||||
  "ui.beforeunload": "Your draft will be lost if you leave Mastodon.",
 | 
					  "ui.beforeunload": "Your draft will be lost if you leave Mastodon.",
 | 
				
			||||||
  "upload_area.title": "Drag & drop to upload",
 | 
					  "upload_area.title": "Drag & drop to upload",
 | 
				
			||||||
  "upload_button.label": "Add media ({formats})",
 | 
					  "upload_button.label": "Add images, a video or an audio file",
 | 
				
			||||||
  "upload_error.limit": "File upload limit exceeded.",
 | 
					  "upload_error.limit": "File upload limit exceeded.",
 | 
				
			||||||
  "upload_error.poll": "File upload not allowed with polls.",
 | 
					  "upload_error.poll": "File upload not allowed with polls.",
 | 
				
			||||||
  "upload_form.audio_description": "Describe for people with hearing loss",
 | 
					  "upload_form.audio_description": "Describe for people with hearing loss",
 | 
				
			||||||
| 
						 | 
					
 | 
				
			||||||
| 
						 | 
					@ -422,7 +422,7 @@
 | 
				
			||||||
  "trends.trending_now": "Trending now",
 | 
					  "trends.trending_now": "Trending now",
 | 
				
			||||||
  "ui.beforeunload": "Your draft will be lost if you leave Mastodon.",
 | 
					  "ui.beforeunload": "Your draft will be lost if you leave Mastodon.",
 | 
				
			||||||
  "upload_area.title": "Drag & drop to upload",
 | 
					  "upload_area.title": "Drag & drop to upload",
 | 
				
			||||||
  "upload_button.label": "Add media ({formats})",
 | 
					  "upload_button.label": "Add images, a video or an audio file",
 | 
				
			||||||
  "upload_error.limit": "File upload limit exceeded.",
 | 
					  "upload_error.limit": "File upload limit exceeded.",
 | 
				
			||||||
  "upload_error.poll": "File upload not allowed with polls.",
 | 
					  "upload_error.poll": "File upload not allowed with polls.",
 | 
				
			||||||
  "upload_form.audio_description": "Describe for people with hearing loss",
 | 
					  "upload_form.audio_description": "Describe for people with hearing loss",
 | 
				
			||||||
| 
						 | 
					
 | 
				
			||||||
| 
						 | 
					@ -422,7 +422,7 @@
 | 
				
			||||||
  "trends.trending_now": "Trending now",
 | 
					  "trends.trending_now": "Trending now",
 | 
				
			||||||
  "ui.beforeunload": "Your draft will be lost if you leave Mastodon.",
 | 
					  "ui.beforeunload": "Your draft will be lost if you leave Mastodon.",
 | 
				
			||||||
  "upload_area.title": "Drag & drop to upload",
 | 
					  "upload_area.title": "Drag & drop to upload",
 | 
				
			||||||
  "upload_button.label": "Add media ({formats})",
 | 
					  "upload_button.label": "Add images, a video or an audio file",
 | 
				
			||||||
  "upload_error.limit": "File upload limit exceeded.",
 | 
					  "upload_error.limit": "File upload limit exceeded.",
 | 
				
			||||||
  "upload_error.poll": "File upload not allowed with polls.",
 | 
					  "upload_error.poll": "File upload not allowed with polls.",
 | 
				
			||||||
  "upload_form.audio_description": "Describe for people with hearing loss",
 | 
					  "upload_form.audio_description": "Describe for people with hearing loss",
 | 
				
			||||||
| 
						 | 
					
 | 
				
			||||||
| 
						 | 
					@ -422,7 +422,7 @@
 | 
				
			||||||
  "trends.trending_now": "Trending now",
 | 
					  "trends.trending_now": "Trending now",
 | 
				
			||||||
  "ui.beforeunload": "Your draft will be lost if you leave Mastodon.",
 | 
					  "ui.beforeunload": "Your draft will be lost if you leave Mastodon.",
 | 
				
			||||||
  "upload_area.title": "Drag & drop to upload",
 | 
					  "upload_area.title": "Drag & drop to upload",
 | 
				
			||||||
  "upload_button.label": "Add media ({formats})",
 | 
					  "upload_button.label": "Add images, a video or an audio file",
 | 
				
			||||||
  "upload_error.limit": "File upload limit exceeded.",
 | 
					  "upload_error.limit": "File upload limit exceeded.",
 | 
				
			||||||
  "upload_error.poll": "File upload not allowed with polls.",
 | 
					  "upload_error.poll": "File upload not allowed with polls.",
 | 
				
			||||||
  "upload_form.audio_description": "Describe for people with hearing loss",
 | 
					  "upload_form.audio_description": "Describe for people with hearing loss",
 | 
				
			||||||
| 
						 | 
					
 | 
				
			||||||
| 
						 | 
					@ -422,7 +422,7 @@
 | 
				
			||||||
  "trends.trending_now": "Trending now",
 | 
					  "trends.trending_now": "Trending now",
 | 
				
			||||||
  "ui.beforeunload": "Your draft will be lost if you leave Mastodon.",
 | 
					  "ui.beforeunload": "Your draft will be lost if you leave Mastodon.",
 | 
				
			||||||
  "upload_area.title": "Drag & drop to upload",
 | 
					  "upload_area.title": "Drag & drop to upload",
 | 
				
			||||||
  "upload_button.label": "Add media ({formats})",
 | 
					  "upload_button.label": "Add images, a video or an audio file",
 | 
				
			||||||
  "upload_error.limit": "File upload limit exceeded.",
 | 
					  "upload_error.limit": "File upload limit exceeded.",
 | 
				
			||||||
  "upload_error.poll": "File upload not allowed with polls.",
 | 
					  "upload_error.poll": "File upload not allowed with polls.",
 | 
				
			||||||
  "upload_form.audio_description": "Describe for people with hearing loss",
 | 
					  "upload_form.audio_description": "Describe for people with hearing loss",
 | 
				
			||||||
| 
						 | 
					
 | 
				
			||||||
| 
						 | 
					@ -422,7 +422,7 @@
 | 
				
			||||||
  "trends.trending_now": "Trending now",
 | 
					  "trends.trending_now": "Trending now",
 | 
				
			||||||
  "ui.beforeunload": "Your draft will be lost if you leave Mastodon.",
 | 
					  "ui.beforeunload": "Your draft will be lost if you leave Mastodon.",
 | 
				
			||||||
  "upload_area.title": "Drag & drop to upload",
 | 
					  "upload_area.title": "Drag & drop to upload",
 | 
				
			||||||
  "upload_button.label": "Add media ({formats})",
 | 
					  "upload_button.label": "Add images, a video or an audio file",
 | 
				
			||||||
  "upload_error.limit": "File upload limit exceeded.",
 | 
					  "upload_error.limit": "File upload limit exceeded.",
 | 
				
			||||||
  "upload_error.poll": "File upload not allowed with polls.",
 | 
					  "upload_error.poll": "File upload not allowed with polls.",
 | 
				
			||||||
  "upload_form.audio_description": "Describe for people with hearing loss",
 | 
					  "upload_form.audio_description": "Describe for people with hearing loss",
 | 
				
			||||||
| 
						 | 
					
 | 
				
			||||||
| 
						 | 
					@ -422,7 +422,7 @@
 | 
				
			||||||
  "trends.trending_now": "Trending now",
 | 
					  "trends.trending_now": "Trending now",
 | 
				
			||||||
  "ui.beforeunload": "Your draft will be lost if you leave Mastodon.",
 | 
					  "ui.beforeunload": "Your draft will be lost if you leave Mastodon.",
 | 
				
			||||||
  "upload_area.title": "Drag & drop to upload",
 | 
					  "upload_area.title": "Drag & drop to upload",
 | 
				
			||||||
  "upload_button.label": "Add media ({formats})",
 | 
					  "upload_button.label": "Add images, a video or an audio file",
 | 
				
			||||||
  "upload_error.limit": "File upload limit exceeded.",
 | 
					  "upload_error.limit": "File upload limit exceeded.",
 | 
				
			||||||
  "upload_error.poll": "File upload not allowed with polls.",
 | 
					  "upload_error.poll": "File upload not allowed with polls.",
 | 
				
			||||||
  "upload_form.audio_description": "Describe for people with hearing loss",
 | 
					  "upload_form.audio_description": "Describe for people with hearing loss",
 | 
				
			||||||
| 
						 | 
					
 | 
				
			||||||
		Loading…
	
	Add table
		
		Reference in a new issue