67 lines
2.1 KiB
JavaScript
67 lines
2.1 KiB
JavaScript
// @flow
|
|
import * as React from 'react';
|
|
import { observer } from 'mobx-react';
|
|
import BaseModal from 'components/Modal';
|
|
import UiStore from 'stores/UiStore';
|
|
import CollectionNew from 'scenes/CollectionNew';
|
|
import CollectionEdit from 'scenes/CollectionEdit';
|
|
import CollectionDelete from 'scenes/CollectionDelete';
|
|
import CollectionExport from 'scenes/CollectionExport';
|
|
import DocumentDelete from 'scenes/DocumentDelete';
|
|
import DocumentShare from 'scenes/DocumentShare';
|
|
import KeyboardShortcuts from 'scenes/KeyboardShortcuts';
|
|
|
|
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>
|
|
<Modal name="document-delete" title="Delete document">
|
|
<DocumentDelete onSubmit={this.handleClose} />
|
|
</Modal>
|
|
<Modal name="keyboard-shortcuts" title="Keyboard shortcuts">
|
|
<KeyboardShortcuts />
|
|
</Modal>
|
|
</span>
|
|
);
|
|
}
|
|
}
|
|
|
|
export default Modals;
|