59 lines
1.7 KiB
JavaScript
59 lines
1.7 KiB
JavaScript
// @flow
|
|
import { observer } from "mobx-react";
|
|
import * as React from "react";
|
|
import UiStore from "stores/UiStore";
|
|
import CollectionDelete from "scenes/CollectionDelete";
|
|
import CollectionEdit from "scenes/CollectionEdit";
|
|
import CollectionExport from "scenes/CollectionExport";
|
|
import CollectionNew from "scenes/CollectionNew";
|
|
import DocumentShare from "scenes/DocumentShare";
|
|
import BaseModal from "components/Modal";
|
|
|
|
type Props = {
|
|
ui: UiStore,
|
|
};
|
|
@observer
|
|
class Modals extends React.Component<Props> {
|
|
handleClose = () => {
|
|
this.props.ui.clearActiveModal();
|
|
};
|
|
|
|
render() {
|
|
const { activeModalName, activeModalProps } = this.props.ui;
|
|
|
|
const Modal = ({ name, children, ...rest }) => {
|
|
return (
|
|
<BaseModal
|
|
isOpen={activeModalName === name}
|
|
onRequestClose={this.handleClose}
|
|
{...rest}
|
|
>
|
|
{React.cloneElement(children, activeModalProps)}
|
|
</BaseModal>
|
|
);
|
|
};
|
|
|
|
return (
|
|
<span>
|
|
<Modal name="collection-new" title="Create a collection">
|
|
<CollectionNew onSubmit={this.handleClose} />
|
|
</Modal>
|
|
<Modal name="collection-edit" title="Edit collection">
|
|
<CollectionEdit onSubmit={this.handleClose} />
|
|
</Modal>
|
|
<Modal name="collection-delete" title="Delete collection">
|
|
<CollectionDelete onSubmit={this.handleClose} />
|
|
</Modal>
|
|
<Modal name="collection-export" title="Export collection">
|
|
<CollectionExport onSubmit={this.handleClose} />
|
|
</Modal>
|
|
<Modal name="document-share" title="Share document">
|
|
<DocumentShare onSubmit={this.handleClose} />
|
|
</Modal>
|
|
</span>
|
|
);
|
|
}
|
|
}
|
|
|
|
export default Modals;
|