muerwre/vault-frontend
1
0
Fork 0
mirror of https://github.com/muerwre/vault-frontend.git synced 2025-04-25 04:46:40 +07:00
Code Packages Activity Actions

uploading

Browse source
This commit is contained in:
muerwre 2019-08-08 14:01:18 +07:00
parent f9f39a94c8
commit 75fb88b209
6 changed files with 29 additions and 9 deletions
Download patch file Download diff file Expand all files Collapse all files

13
src/components/editors/ImageEditor/index.tsx
View file

@ -1,10 +1,12 @@
import React, { FC, useCallback, useEffect, useState } from 'react';
import uuid from 'uuid4';
import { INode, IFileWithUUID } from '~/redux/types';
import { INode, IFileWithUUID, IFile } from '~/redux/types';
import * as styles from './styles.scss';
import * as UPLOAD_ACTIONS from '~/redux/uploads/actions';
import { connect } from 'react-redux';
import { selectUploadStatuses, selectUploads } from '~/redux/uploads/selectors';
import { selectUploads } from '~/redux/uploads/selectors';
import assocPath from 'ramda/es/assocPath';
import append from 'ramda/es/append';
const mapStateToProps = selectUploads;
const mapDispatchToProps = {
@ -20,6 +22,10 @@ const ImageEditorUnconnected: FC<IProps> = ({ data, setData, uploadUploadFiles,
const eventPreventer = useCallback(event => event.preventDefault(), []);
const [temp, setTemp] = useState([]);
const onFileAdd = useCallback((file: IFile) => {
setData(assocPath(['files'], append(file, data.files), data));
}, [data, setData]);
const onDrop = useCallback(
(event: React.DragEvent<HTMLFormElement>) => {
event.preventDefault();
@ -86,8 +92,7 @@ const ImageEditorUnconnected: FC<IProps> = ({ data, setData, uploadUploadFiles,
if (temp.includes(id) && !!status.uuid && files[status.uuid]) {
console.log(`${id} uploaded`);
// do setData to append this file
setData({ ...data, files: [...data.files, files[status.uuid]] });
onFileAdd(files[status.uuid]);
setTemp(temp.filter(el => el !== id));
}
});