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

file uploading template

Browse source
This commit is contained in:
muerwre 2019-08-06 21:23:31 +07:00
parent cfe4731ded
commit 8dc43c77b7
7 changed files with 57 additions and 10 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -11,23 +11,33 @@ import { connect } from 'react-redux';
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";
const mapStateToProps = selectNode;
const mapDispatchToProps = {};
const mapDispatchToProps = {
uploadUploadFiles: UPLOAD_ACTIONS.uploadUploadFiles,
};
type IProps = IDialogProps & ReturnType<typeof mapStateToProps> & typeof mapDispatchToProps & {};
const EditorDialogUnconnected: FC<IProps> = ({ onRequestClose, editor }) => {
const EditorDialogUnconnected: FC<IProps> = ({ onRequestClose, editor, uploadUploadFiles }) => {
const [data, setData] = useState(editor);
const setTitle = useCallback(title => {
setData({ ...data, title });
}, [setData, data]);
const onUpload = useCallback((files: File[]) => {
uploadUploadFiles(files, 'editor');
}, [uploadUploadFiles]);
const buttons = (
<Padder style={{ position: 'relative' }}>
<EditorPanel
data={data}
setData={setData}
onUpload={onUpload}
/>
<Group horizontal>
@ -46,6 +56,7 @@ const EditorDialogUnconnected: FC<IProps> = ({ onRequestClose, editor }) => {
<ImageEditor
data={data}
setData={setData}
onUpload={onUpload}
/>
</div>
</ScrollDialog>