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