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

#58 made dialogs as routes

Browse source
This commit is contained in:
Fedor Katurov 2021-03-29 14:11:39 +07:00
parent d9af895558
commit 4dc8bea040
21 changed files with 230 additions and 172 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -11,22 +11,20 @@ import { EditorButtons } from '~/components/editors/EditorButtons';
import { FileUploaderProvider, useFileUploader } from '~/utils/hooks/fileUploader';
import { UPLOAD_SUBJECTS, UPLOAD_TARGETS } from '~/redux/uploads/constants';
import { FormikProvider } from 'formik';
import { useShallowSelect } from '~/utils/hooks/useShallowSelect';
import { selectNodeEditor } from '~/redux/node/selectors';
import { INode } from '~/redux/types';
interface Props extends IDialogProps {
type: string;
node: INode;
}
const EditorDialog: FC<Props> = ({ type, onRequestClose }) => {
const editor = useShallowSelect(selectNodeEditor);
const EditorDialog: FC<Props> = ({ node, onRequestClose }) => {
const uploader = useFileUploader(UPLOAD_SUBJECTS.EDITOR, UPLOAD_TARGETS.NODES, []);
const formik = useNodeFormFormik({ ...editor, type }, uploader, onRequestClose);
const formik = useNodeFormFormik(node, uploader, onRequestClose);
const { values, handleSubmit } = formik;
useCloseOnEscape(onRequestClose);
const component = useMemo(() => prop(type, NODE_EDITORS), [type]);
const component = useMemo(() => node.type && prop(node.type, NODE_EDITORS), [node.type]);
if (!component) {
return null;