namekuji/chuckya
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Add alt text to GIFs

Browse source
This commit is contained in:
koyu 2022-06-07 14:14:54 +02:00 committed by Essem
parent 59b4901143
commit d659e6e37e
No known key found for this signature in database
GPG key ID: 7D497397CC3A2A8C
2 changed files with 5 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
app/javascript/flavours/glitch/actions/compose.js
View file

@ -294,7 +294,7 @@ export function tenorSet(options) {
};
};
export function uploadCompose(files) {
export function uploadCompose(files, alt = '') {
return function (dispatch, getState) {
const uploadLimit = 4;
const media = getState().getIn(['compose', 'media_attachments']);
@ -320,6 +320,7 @@ export function uploadCompose(files) {
resizeImage(f).then(file => {
const data = new FormData();
data.append('file', file);
data.append('description', alt);
// Account for disparity in size of original image and resized data
total += file.size - f.size;

5
app/javascript/flavours/glitch/features/ui/components/gif_modal.js
View file

@ -35,7 +35,7 @@ const mapDispatchToProps = dispatch => ({
/** Set options in the redux store */
setOpt: (opts) => dispatch(tenorSet(opts)),
/** Submit GIF for upload */
submit: (file) => dispatch(uploadCompose([file])),
submit: (file, alt) => dispatch(uploadCompose([file], alt)),
});
export default @connect(mapStateToProps, mapDispatchToProps)
@ -52,6 +52,7 @@ class GIFModal extends ImmutablePureComponent {
onDoneButton = (result) => {
const url = result.media[0].mp4.url;
const alt = result.content_description;
var modal = this;
// eslint-disable-next-line promise/catch-or-return
fetch(url).then(function(response) {
@ -62,7 +63,7 @@ class GIFModal extends ImmutablePureComponent {
reader.onloadend = function() {
var dataUrl = reader.result;
const file = dataURLtoFile(dataUrl, 'tenor.mp4');
modal.props.submit(file);
modal.props.submit(file, alt);
modal.props.onClose(); // close dialog
};
});