Stop onClick propagation after click (#4700)

This commit is contained in:
Jaco Greeff 2017-02-28 14:20:43 +01:00 committed by GitHub
parent 1b8a47fa4a
commit ab98ec3bf7

View File

@ -16,6 +16,7 @@
import { IconButton } from 'material-ui';
import React, { Component, PropTypes } from 'react';
import { FormattedMessage } from 'react-intl';
import Clipboard from 'react-copy-to-clipboard';
import { connect } from 'react-redux';
import { bindActionCreators } from 'redux';
@ -64,14 +65,33 @@ class CopyToClipboard extends Component {
const { copied } = this.state;
return (
<Clipboard onCopy={ this.onCopy } text={ data }>
<div className={ styles.wrapper }>
<Clipboard
onCopy={ this.onCopy }
text={ data }
>
<div
className={ styles.wrapper }
onClick={ this.onClick }
>
<IconButton
disableTouchRipple
style={ { width: size, height: size, padding: '0' } }
iconStyle={ { width: size, height: size } }
iconStyle={ {
height: size,
width: size
} }
style={ {
height: size,
padding: '0',
width: size
} }
>
<CopyIcon color={ copied ? disabledTextColor : textColor } />
<CopyIcon
color={
copied
? disabledTextColor
: textColor
}
/>
</IconButton>
</div>
</Clipboard>
@ -82,9 +102,13 @@ class CopyToClipboard extends Component {
const { data, onCopy, cooldown, showSnackbar } = this.props;
const message = (
<div className={ styles.container }>
<span>copied </span>
<code className={ styles.data }> { data } </code>
<span> to clipboard</span>
<FormattedMessage
id='ui.copyToClipboard.copied'
defaultMessage='copied {data} to clipboard'
values={ {
data: <code className={ styles.data }> { data } </code>
} }
/>
</div>
);
@ -98,6 +122,11 @@ class CopyToClipboard extends Component {
showSnackbar(message, cooldown);
onCopy();
}
onClick = (event) => {
event.stopPropagation();
event.preventDefault();
}
}
function mapDispatchToProps (dispatch) {