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

WIP

Browse Source
This commit is contained in:
Tom Moor
2017-10-21 14:05:20 -07:00
parent 56d27400ac
commit 38228d0315
28 changed files with 304 additions and 136 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
frontend/menus/CollectionMenu.js
View File

@ -1,17 +1,16 @@
// @flow
import React, { Component } from 'react';
import { inject, observer } from 'mobx-react';
import styled from 'styled-components';
import Collection from 'models/Collection';
import UiStore from 'stores/UiStore';
import Icon from 'components/Icon';
import MoreIcon from 'components/Icon/MoreIcon';
import Flex from 'components/Flex';
import { DropdownMenu, DropdownMenuItem } from 'components/DropdownMenu';
@observer class CollectionMenu extends Component {
props: {
label?: React$Element<any>,
label?: React$Element<*>,
onOpen?: () => void,
onClose?: () => void,
onImport?: () => void,
@ -41,7 +40,7 @@ import { DropdownMenu, DropdownMenuItem } from 'components/DropdownMenu';
return (
<DropdownMenu
label={label || <MoreIcon type="MoreHorizontal" />}
label={label || <MoreIcon />}
onOpen={onOpen}
onClose={onClose}
>
@ -53,17 +52,13 @@ import { DropdownMenu, DropdownMenuItem } from 'components/DropdownMenu';
<DropdownMenuItem onClick={onImport}>
Import document
</DropdownMenuItem>
<DropdownMenuItem onClick={this.onEdit}>Edit</DropdownMenuItem>
<DropdownMenuItem onClick={this.onEdit}>Edit…</DropdownMenuItem>
</Flex>}
{allowDelete &&
<DropdownMenuItem onClick={this.onDelete}>Delete</DropdownMenuItem>}
<DropdownMenuItem onClick={this.onDelete}>Delete…</DropdownMenuItem>}
</DropdownMenu>
);
}
}
const MoreIcon = styled(Icon)`
width: 22px;
`;
export default inject('ui')(CollectionMenu);