aboutsummaryrefslogtreecommitdiffstats
path: root/packages/website/ts/components/ui/copy_icon.tsx
diff options
context:
space:
mode:
authorLeonid <logvinov.leon@gmail.com>2018-01-03 18:39:08 +0800
committerGitHub <noreply@github.com>2018-01-03 18:39:08 +0800
commitd5e0da0eb64ab25cb8e03a61040702cf8e02391a (patch)
treea7fde03873f3c1b8689d3991edbb362f8022e5f0 /packages/website/ts/components/ui/copy_icon.tsx
parentf684cc371104b594358fb8cd274e453c81f48881 (diff)
parente744e4cd989bd3ae1070c59f7baa8097f18b8b06 (diff)
downloaddexon-sol-tools-d5e0da0eb64ab25cb8e03a61040702cf8e02391a.tar
dexon-sol-tools-d5e0da0eb64ab25cb8e03a61040702cf8e02391a.tar.gz
dexon-sol-tools-d5e0da0eb64ab25cb8e03a61040702cf8e02391a.tar.bz2
dexon-sol-tools-d5e0da0eb64ab25cb8e03a61040702cf8e02391a.tar.lz
dexon-sol-tools-d5e0da0eb64ab25cb8e03a61040702cf8e02391a.tar.xz
dexon-sol-tools-d5e0da0eb64ab25cb8e03a61040702cf8e02391a.tar.zst
dexon-sol-tools-d5e0da0eb64ab25cb8e03a61040702cf8e02391a.zip
Merge pull request #291 from 0xProject/feature/prettier
Use prettier
Diffstat (limited to 'packages/website/ts/components/ui/copy_icon.tsx')
-rw-r--r--packages/website/ts/components/ui/copy_icon.tsx38
1 files changed, 18 insertions, 20 deletions
diff --git a/packages/website/ts/components/ui/copy_icon.tsx b/packages/website/ts/components/ui/copy_icon.tsx
index 754f5d456..df55e0922 100644
--- a/packages/website/ts/components/ui/copy_icon.tsx
+++ b/packages/website/ts/components/ui/copy_icon.tsx
@@ -3,7 +3,7 @@ import * as React from 'react';
import * as CopyToClipboard from 'react-copy-to-clipboard';
import * as ReactDOM from 'react-dom';
import ReactTooltip = require('react-tooltip');
-import {colors} from 'ts/utils/colors';
+import { colors } from 'ts/utils/colors';
interface CopyIconProps {
data: string;
@@ -33,26 +33,24 @@ export class CopyIcon extends React.Component<CopyIconProps, CopyIconState> {
public render() {
return (
<div className="inline-block">
- <CopyToClipboard text={this.props.data} onCopy={this._onCopy.bind(this)}>
- <div
- className="inline flex"
- style={{cursor: 'pointer', color: colors.amber600}}
- ref={this._setRefToProperty.bind(this)}
- data-tip={true}
- data-for="copy"
- data-event="click"
- data-iscapture={true} // This let's the click event continue to propogate
- onMouseOver={this._setHoverState.bind(this, true)}
- onMouseOut={this._setHoverState.bind(this, false)}
- >
- <div>
- <i style={{fontSize: 15}} className="zmdi zmdi-copy" />
- </div>
- {this.props.callToAction &&
- <div className="pl1">{this.props.callToAction}</div>
- }
+ <CopyToClipboard text={this.props.data} onCopy={this._onCopy.bind(this)}>
+ <div
+ className="inline flex"
+ style={{ cursor: 'pointer', color: colors.amber600 }}
+ ref={this._setRefToProperty.bind(this)}
+ data-tip={true}
+ data-for="copy"
+ data-event="click"
+ data-iscapture={true} // This let's the click event continue to propogate
+ onMouseOver={this._setHoverState.bind(this, true)}
+ onMouseOut={this._setHoverState.bind(this, false)}
+ >
+ <div>
+ <i style={{ fontSize: 15 }} className="zmdi zmdi-copy" />
</div>
- </CopyToClipboard>
+ {this.props.callToAction && <div className="pl1">{this.props.callToAction}</div>}
+ </div>
+ </CopyToClipboard>
<ReactTooltip id="copy">Copied!</ReactTooltip>
</div>
);