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

tried to make upload sagas

Browse source
This commit is contained in:
muerwre 2019-08-07 15:09:28 +07:00
parent caf85c104f
commit 3872ff5903
9 changed files with 180 additions and 80 deletions
Download patch file Download diff file Expand all files Collapse all files

37
src/containers/dialogs/EditorDialog/index.tsx
View file

@ -12,7 +12,7 @@ import { selectNode } from '~/redux/node/selectors';
import { ImageEditor } from '~/components/editors/ImageEditor';
import { EditorPanel } from '~/components/editors/EditorPanel';
import * as UPLOAD_ACTIONS from '~/redux/uploads/actions';
import {uploadUploadFiles} from "~/redux/uploads/actions";
import { IFileWithUUID } from '~/redux/types';
const mapStateToProps = selectNode;
const mapDispatchToProps = {
@ -24,21 +24,23 @@ type IProps = IDialogProps & ReturnType<typeof mapStateToProps> & typeof mapDisp
const EditorDialogUnconnected: FC<IProps> = ({ onRequestClose, editor, uploadUploadFiles }) => {
const [data, setData] = useState(editor);
const setTitle = useCallback(title => {
setData({ ...data, title });
}, [setData, data]);
const setTitle = useCallback(
title => {
setData({ ...data, title });
},
[setData, data]
);
const onUpload = useCallback((files: File[]) => {
uploadUploadFiles(files, 'editor');
}, [uploadUploadFiles]);
const onUpload = useCallback(
(files: IFileWithUUID[]) => {
uploadUploadFiles(files);
},
[uploadUploadFiles]
);
const buttons = (
<Padder style={{ position: 'relative' }}>
<EditorPanel
data={data}
setData={setData}
onUpload={onUpload}
/>
<EditorPanel data={data} setData={setData} onUpload={onUpload} />
<Group horizontal>
<InputText title="Название" value={data.title} handler={setTitle} />
@ -53,16 +55,15 @@ const EditorDialogUnconnected: FC<IProps> = ({ onRequestClose, editor, uploadUpl
return (
<ScrollDialog buttons={buttons} width={860} onClose={onRequestClose}>
<div className={styles.editor}>
<ImageEditor
data={data}
setData={setData}
onUpload={onUpload}
/>
<ImageEditor data={data} setData={setData} onUpload={onUpload} />
</div>
</ScrollDialog>
);
};
const EditorDialog = connect(mapStateToProps, mapDispatchToProps)(EditorDialogUnconnected)
const EditorDialog = connect(
mapStateToProps,
mapDispatchToProps
)(EditorDialogUnconnected);
export { EditorDialog };