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

refactored code

Browse source
This commit is contained in:
Fedor Katurov 2019-10-16 15:47:52 +07:00
parent 5872e7a457
commit 265b075ddc
2 changed files with 14 additions and 14 deletions
Download patch file Download diff file Expand all files Collapse all files

20
src/components/editors/ImageGrid/index.tsx
View file

@ -9,26 +9,24 @@ import reject from 'ramda/es/reject';
import { SortableImageGrid } from '~/components/editors/SortableImageGrid';
interface IProps {
data: INode;
setData: (val: INode) => void;
files: IFile[];
setFiles: (val: IFile[]) => void;
locked: IUploadStatus[];
}
const ImageGrid: FC<IProps> = ({ data, setData, locked }) => {
const ImageGrid: FC<IProps> = ({ files, setFiles, locked }) => {
const onMove = useCallback(
({ oldIndex, newIndex }: SortEnd) => {
setData(assocPath(['files'], moveArrItem(oldIndex, newIndex, data.files), data));
setFiles(moveArrItem(oldIndex, newIndex, files) as IFile[]);
},
[data, setData]
[setFiles, files]
);
const onDrop = useCallback(
(file_id: IFile['id']) => {
setData(
assocPath(['files'], reject(el => !el || !el.id || el.id === file_id, data.files), data)
);
(remove_id: IFile['id']) => {
setFiles(files.filter(file => file.id === remove_id));
},
[setData, data]
[setFiles, files]
);
return (
@ -36,7 +34,7 @@ const ImageGrid: FC<IProps> = ({ data, setData, locked }) => {
onDrop={onDrop}
onSortEnd={onMove}
axis="xy"
items={data.files}
items={files}
locked={locked}
pressDelay={window.innerWidth < 768 ? 200 : 0}
helperClass={styles.helper}