mirrors/shlink-web-client
1
0
Fork 0
mirror of https://github.com/shlinkio/shlink-web-client.git synced 2025-01-03 14:57:22 +03:00
Code Issues Projects Releases Packages Wiki Activity

Fixed problem while copying short URL

Browse source
This commit is contained in:
Alejandro Celaya 2018-07-21 18:48:33 +02:00
parent 7add153d93
commit 4522443789
1 changed files with 9 additions and 13 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

22
src/short-urls/ShortUrlsList.js
View file

@ -116,14 +116,13 @@ class RowMenu extends React.Component {
toggle = () => this.setState({ isOpen: ! this.state.isOpen });
render () {
const determineClass = () => {
const baseClass = 'short-urls-list__dropdown-toggle';
return ! this.props.display ? `${baseClass} short-urls-list__dropdown-toggle--hidden` : baseClass;
};
const { display, shortUrl, onCopyToClipboard } = this.props;
const baseClass = 'short-urls-list__dropdown-toggle';
const toggleClass = ! display ? `${baseClass} short-urls-list__dropdown-toggle--hidden` : baseClass;
return (
<ButtonDropdown toggle={this.toggle} isOpen={this.state.isOpen} direction="left">
<DropdownToggle color="white" size="sm" caret className={determineClass()}>
<DropdownToggle color="white" size="sm" caret className={toggleClass}>
&nbsp;<FontAwesomeIcon icon={menuIcon} />&nbsp;
</DropdownToggle>
<DropdownMenu>
@ -138,14 +137,11 @@ class RowMenu extends React.Component {
<FontAwesomeIcon icon={qrIcon} /> &nbsp;QR code
</DropdownItem>
<DropdownItem divider />
<DropdownItem>
<CopyToClipboard text={this.props.shortUrl} onCopy={this.props.onCopyToClipboard}>
<span><FontAwesomeIcon icon={copyIcon} /> &nbsp;Copy to clipboard</span>
</CopyToClipboard>
</DropdownItem>
{/*<DropdownItem tag={CopyToClipboard} text={this.props.shortUrl} onCopy={this.props.onCopyToClipboard}>*/}
{/*<span><FontAwesomeIcon icon={copyIcon} /> &nbsp;Copy to clipboard</span>*/}
{/*</DropdownItem>*/}
<CopyToClipboard text={shortUrl} onCopy={onCopyToClipboard}>
<DropdownItem>
<FontAwesomeIcon icon={copyIcon} /> &nbsp;Copy to clipboard
</DropdownItem>
</CopyToClipboard>
</DropdownMenu>
</ButtonDropdown>
);