diff --git a/app/menus/ShareMenu.js b/app/menus/ShareMenu.js index 6b28fbbe3..4d222f0ed 100644 --- a/app/menus/ShareMenu.js +++ b/app/menus/ShareMenu.js @@ -7,6 +7,7 @@ import { MoreIcon } from 'outline-icons'; import type { Share } from 'types'; import CopyToClipboard from 'components/CopyToClipboard'; import SharesStore from 'stores/SharesStore'; +import UiStore from 'stores/UiStore'; import { DropdownMenu, DropdownMenuItem } from 'components/DropdownMenu'; type Props = { @@ -15,18 +16,24 @@ type Props = { onClose: () => *, history: Object, shares: SharesStore, + ui: UiStore, share: Share, }; class ShareMenu extends React.Component { - onGoToDocument = (ev: SyntheticEvent<*>) => { + handleGoToDocument = (ev: SyntheticEvent<*>) => { ev.preventDefault(); this.props.history.push(this.props.share.documentUrl); }; - onRevoke = (ev: SyntheticEvent<*>) => { + handleRevoke = (ev: SyntheticEvent<*>) => { ev.preventDefault(); this.props.shares.revoke(this.props.share); + this.props.ui.showToast('Share link revoked', 'success'); + }; + + handleCopy = () => { + this.props.ui.showToast('Share link copied', 'success'); }; render() { @@ -38,17 +45,19 @@ class ShareMenu extends React.Component { onOpen={onOpen} onClose={onClose} > - + Copy link - + Go to document
- Revoke link + + Revoke link + ); } } -export default withRouter(inject('shares')(ShareMenu)); +export default withRouter(inject('shares', 'ui')(ShareMenu));