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

editor refactoring

Browse source
This commit is contained in:
Fedor Katurov 2019-10-16 11:11:35 +07:00
parent 1f9c6ac8f7
commit bd5122f365
5 changed files with 28 additions and 40 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -1,12 +1,10 @@
import React, { FC, ChangeEventHandler, DragEventHandler, useCallback } from 'react';
import React, { FC, ChangeEventHandler, DragEventHandler, useCallback, useMemo } from 'react';
import { connect } from 'react-redux';
import { INode } from '~/redux/types';
import * as UPLOAD_ACTIONS from '~/redux/uploads/actions';
import { selectUploads } from '~/redux/uploads/selectors';
import { ImageGrid } from '~/components/editors/ImageGrid';
import { IUploadStatus } from '~/redux/uploads/reducer';
import { moveArrItem } from '~/utils/fn';
import assocPath from 'ramda/es/assocPath';
const mapStateToProps = selectUploads;
const mapDispatchToProps = {
@ -16,14 +14,17 @@ const mapDispatchToProps = {
type IProps = ReturnType<typeof mapStateToProps> &
typeof mapDispatchToProps & {
data: INode;
pending_files: IUploadStatus[];
setData: (val: INode) => void;
onFileMove: (from: number, to: number) => void;
onInputChange: ChangeEventHandler<HTMLInputElement>;
temp: string[];
setTemp: (val: string[]) => void;
};
const ImageEditorUnconnected: FC<IProps> = ({ data, setData, pending_files }) => {
const ImageEditorUnconnected: FC<IProps> = ({ data, setData, temp, statuses }) => {
const pending_files = useMemo(() => temp.filter(id => !!statuses[id]).map(id => statuses[id]), [
temp,
statuses,
]);
return <ImageGrid data={data} setData={setData} locked={pending_files} />;
};