coop-cloud-chaos-patchs/outline
Archived
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Split modals, document delete

Browse Source
This commit is contained in:
Tom Moor
2017-09-09 22:51:22 -07:00
parent fff8e7ad41
commit 79c1cc29a0
9 changed files with 149 additions and 53 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
frontend/components/Layout/Layout.js
View File

@ -75,11 +75,11 @@ type Props = {
}
handleCreateCollection = () => {
this.props.ui.setActiveModal('create-collection');
this.props.ui.setActiveModal('collection-new');
};
handleEditCollection = () => {
this.props.ui.setActiveModal('edit-collection');
this.props.ui.setActiveModal('collection-edit');
};
render() {

20
frontend/components/Layout/components/Modals.js
View File

@ -5,6 +5,8 @@ import Modal from 'components/Modal';
import UiStore from 'stores/UiStore';
import CollectionNew from 'scenes/CollectionNew';
import CollectionEdit from 'scenes/CollectionEdit';
import CollectionDelete from 'scenes/CollectionDelete';
import DocumentDelete from 'scenes/DocumentDelete';
import KeyboardShortcuts from 'scenes/KeyboardShortcuts';
import Settings from 'scenes/Settings';
@ -23,19 +25,33 @@ import Settings from 'scenes/Settings';
return (
<span>
<Modal
isOpen={activeModalName === 'create-collection'}
isOpen={activeModalName === 'collection-new'}
onRequestClose={this.handleClose}
title="Create a collection"
>
<CollectionNew onSubmit={this.handleClose} {...activeModalProps} />
</Modal>
<Modal
isOpen={activeModalName === 'edit-collection'}
isOpen={activeModalName === 'collection-edit'}
onRequestClose={this.handleClose}
title="Edit collection"
>
<CollectionEdit onSubmit={this.handleClose} {...activeModalProps} />
</Modal>
<Modal
isOpen={activeModalName === 'collection-delete'}
onRequestClose={this.handleClose}
title="Delete collection"
>
<CollectionDelete onSubmit={this.handleClose} {...activeModalProps} />
</Modal>
<Modal
isOpen={activeModalName === 'document-delete'}
onRequestClose={this.handleClose}
title="Delete document"
>
<DocumentDelete onSubmit={this.handleClose} {...activeModalProps} />
</Modal>
<Modal
isOpen={activeModalName === 'keyboard-shortcuts'}
onRequestClose={this.handleClose}