mirrors/mue
1
0
Fork 0
mirror of https://github.com/mue/mue.git synced 2026-07-18 14:34:12 +02:00
Code Issues Packages Projects Releases Wiki Activity

feat: add custom changes to drag and drop, refactor search, comments, video upload check (untested)

Browse Source
This commit is contained in:
David Ralph
2022-05-22 20:27:42 +01:00
parent bd05aa5ee0
commit b070f4a1ce
6 changed files with 39 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/modals/main/marketplace/sections/Create.jsx
View File

@@ -1,3 +1,4 @@
// todo: refactor all of this
import variables from 'modules/variables';
import { PureComponent } from 'react';
import {
@@ -177,7 +178,6 @@ export default class Create extends PureComponent {
</>
);
// todo: find a better way to do all this
const nextDescriptionDisabled = !(
this.state.addonMetadata.name !== undefined &&
this.state.addonMetadata.description !== undefined &&

12
src/components/modals/main/settings/FileUpload.jsx
View File

@@ -2,6 +2,7 @@ import variables from 'modules/variables';
import { PureComponent } from 'react';
import { toast } from 'react-toastify';
import { compressAccurately, filetoDataURL } from 'image-conversion';
import { videoCheck } from 'modules/helpers/background/widget';
export default class FileUpload extends PureComponent {
getMessage = (text) => variables.language.getMessage(variables.languagecode, text);
@@ -21,9 +22,16 @@ export default class FileUpload extends PureComponent {
settings[key] = localStorage.getItem(key);
});
// todo: check for video and ignore (very easy)
// also look into changing the number
const settingsSize = new TextEncoder().encode(JSON.stringify(settings)).length;
if (videoCheck(file) === true) {
if (settingsSize + file.size > 4850000) {
return toast('Not enough storage!');
}
return this.props.loadFunction(file);
}
// todo: change number
compressAccurately(file, 200).then(async (res) => {
if (settingsSize + res.size > 4850000) {
return toast('Not enough storage!');

31
src/components/modals/main/settings/sections/background/Custom.jsx
View File

@@ -3,6 +3,8 @@ import { PureComponent, createRef } from 'react';
import { toast } from 'react-toastify';
import { MdCancel, MdAddLink, MdAddPhotoAlternate, MdPersonalVideo } from 'react-icons/md';
import EventBus from 'modules/helpers/eventbus';
import { compressAccurately, filetoDataURL } from 'image-conversion';
import { videoCheck } from 'modules/helpers/background/widget';
import Checkbox from '../../Checkbox';
import FileUpload from '../../FileUpload';
@@ -124,7 +126,6 @@ export default class CustomSettings extends PureComponent {
}
componentDidMount() {
// todo: make dnd use compression etc
const dnd = this.customDnd.current;
dnd.ondragover = dnd.ondragenter = (e) => {
e.preventDefault();
@@ -133,14 +134,28 @@ export default class CustomSettings extends PureComponent {
dnd.ondrop = (e) => {
e.preventDefault();
const file = e.dataTransfer.files[0];
const reader = new FileReader();
if (file.size > 2000000) {
return toast(this.getMessage('modals.main.file_upload_error'));
const settings = {};
Object.keys(localStorage).forEach((key) => {
settings[key] = localStorage.getItem(key);
});
const settingsSize = new TextEncoder().encode(JSON.stringify(settings)).length;
if (videoCheck(file) === true) {
if (settingsSize + file.size > 4850000) {
return toast('Not enough storage!');
}
return this.customBackground(file, false, this.state.currentBackgroundIndex);
}
reader.onload = (e) => {
this.customBackground(e, false, this.state.customBackground.length);
};
reader.readAsDataURL(file);
compressAccurately(file, 200).then(async (res) => {
if (settingsSize + res.size > 4850000) {
return toast('Not enough storage!');
}
this.customBackground(await filetoDataURL(res), false, this.state.currentBackgroundIndex);
});
e.preventDefault();
};
}