b42e9737b6
* WIP * feat: Add collection.memberships endpoint * feat: Add ability to filter collection.memberships with query * WIP * Merge stashed work * feat: Add ability to filter memberships by permission * continued refactoring * paginated list component * Collection member management * fix: Incorrect policy data sent down after collection.update * Reduce duplication, add empty state * cleanup * fix: Modal close should be a real button * fix: Allow opening edit from modal * fix: remove unused methods * test: fix * Passing test suite * Refactor * fix: Flow UI errors * test: Add collections.update tests * lint * test: moar tests * fix: Missing scopes, more missing tests * fix: Handle collection privacy change over socket * fix: More membership scopes * fix: view endpoint permissions * fix: respond to privacy change on socket event * policy driven menus * fix: share endpoint policies * chore: Use policies to drive documents UI * alignment * fix: Header height * fix: Correct behavior when collection becomes private * fix: Header height for read-only collection * send id's over socket instead of serialized objects * fix: Remote policy change * fix: reduce collection fetching * More websocket efficiencies * fix: Document collection pinning * fix: Restored ability to edit drafts fix: Removed ability to star drafts * fix: Require write permissions to pin doc to collection * fix: Header title overlaying document actions at small screen sizes * fix: Jank on load caused by previous commit * fix: Double collection fetch post-publish * fix: Hide publish button if draft is in no longer accessible collection * fix: Always allow deleting drafts fix: Improved handling of deleted documents * feat: Show collections in drafts view feat: Show more obvious 'draft' badge on documents * fix: incorrect policies after publish to private collection * fix: Duplicating a draft publishes it
62 lines
1.1 KiB
JavaScript
62 lines
1.1 KiB
JavaScript
// @flow
|
|
import * as React from 'react';
|
|
import styled from 'styled-components';
|
|
|
|
type Props = {
|
|
onClick?: (SyntheticEvent<>) => void | Promise<void>,
|
|
children?: React.Node,
|
|
disabled?: boolean,
|
|
};
|
|
|
|
const DropdownMenuItem = ({ onClick, children, disabled, ...rest }: Props) => {
|
|
return (
|
|
<MenuItem
|
|
onClick={disabled ? undefined : onClick}
|
|
disabled={disabled}
|
|
{...rest}
|
|
>
|
|
{children}
|
|
</MenuItem>
|
|
);
|
|
};
|
|
|
|
const MenuItem = styled.a`
|
|
display: flex;
|
|
margin: 0;
|
|
padding: 6px 12px;
|
|
height: 32px;
|
|
|
|
color: ${props =>
|
|
props.disabled ? props.theme.textTertiary : props.theme.textSecondary};
|
|
justify-content: left;
|
|
align-items: center;
|
|
font-size: 15px;
|
|
cursor: default;
|
|
|
|
svg:not(:last-child) {
|
|
margin-right: 8px;
|
|
}
|
|
|
|
svg {
|
|
opacity: ${props => (props.disabled ? '.5' : 1)};
|
|
}
|
|
|
|
${props =>
|
|
props.disabled
|
|
? 'pointer-events: none;'
|
|
: `
|
|
|
|
&:hover {
|
|
color: ${props.theme.white};
|
|
background: ${props.theme.primary};
|
|
cursor: pointer;
|
|
|
|
svg {
|
|
fill: ${props.theme.white};
|
|
}
|
|
}
|
|
`};
|
|
`;
|
|
|
|
export default DropdownMenuItem;
|