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

file sorting

Browse source
This commit is contained in:
muerwre 2019-08-08 18:04:48 +07:00
parent 125a120c85
commit cfe7603379
3 changed files with 17 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -7,6 +7,7 @@ import { selectUploads } from '~/redux/uploads/selectors';
import assocPath from 'ramda/es/assocPath';
import append from 'ramda/es/append';
import { ImageGrid } from '~/components/editors/ImageGrid';
import { moveArrItem } from '~/utils/fn';
const mapStateToProps = selectUploads;
const mapDispatchToProps = {
@ -18,12 +19,14 @@ type IProps = ReturnType<typeof mapStateToProps> & typeof mapDispatchToProps & {
setData: (val: INode) => void;
}
const ImageEditorUnconnected: FC<IProps> = ({ data, setData, uploadUploadFiles, statuses, files }) => {
const eventPreventer = useCallback(event => event.preventDefault(), []);
const [temp, setTemp] = useState([]);
const onFileMove = useCallback((old_index: number, new_index: number) => {
setData(assocPath(['files'], moveArrItem(old_index, new_index, data.files), data));
}, [data, setData]);
const onFileAdd = useCallback((file: IFile) => {
setData(assocPath(['files'], append(file, data.files), data));
}, [data, setData]);
@ -96,6 +99,7 @@ const ImageEditorUnconnected: FC<IProps> = ({ data, setData, uploadUploadFiles,
return (
<ImageGrid
onFileMove={onFileMove}
items={data.files}
locked={temp.filter(id => !!statuses[id]).map(id => statuses[id])}
/>