aboutsummaryrefslogtreecommitdiffstats
path: root/packages/dev-tools-pages/ts/components
diff options
context:
space:
mode:
authorAugust Skare <post@augustskare.no>2018-10-30 15:27:31 +0800
committerAugust Skare <post@augustskare.no>2018-10-30 15:27:31 +0800
commit5cb944fe1b92c1d9f886faa247297115abbfd463 (patch)
treeba83077cd84a2316da87ca7ca8696b111e14806e /packages/dev-tools-pages/ts/components
parent50c4909f2249c3c73675ba8d13122bd520394363 (diff)
downloaddexon-0x-contracts-5cb944fe1b92c1d9f886faa247297115abbfd463.tar.gz
dexon-0x-contracts-5cb944fe1b92c1d9f886faa247297115abbfd463.tar.zst
dexon-0x-contracts-5cb944fe1b92c1d9f886faa247297115abbfd463.zip
optional copy button in code component
Diffstat (limited to 'packages/dev-tools-pages/ts/components')
-rw-r--r--packages/dev-tools-pages/ts/components/Code.tsx7
1 files changed, 5 insertions, 2 deletions
diff --git a/packages/dev-tools-pages/ts/components/Code.tsx b/packages/dev-tools-pages/ts/components/Code.tsx
index d1aeaeeb0..a6971fc84 100644
--- a/packages/dev-tools-pages/ts/components/Code.tsx
+++ b/packages/dev-tools-pages/ts/components/Code.tsx
@@ -17,6 +17,7 @@ interface CodeProps {
diff?: boolean;
gutter?: Array<number>;
gutterLength?: number;
+ copy?: boolean;
}
interface CodeState {
@@ -163,7 +164,7 @@ class Code extends React.Component<CodeProps, CodeState> {
};
render() {
- const { language, light, diff, children, gutterLength } = this.props;
+ const { language, light, diff, children, gutterLength, copy } = this.props;
const { hlCode } = this.state;
let Code = 'code';
@@ -185,7 +186,9 @@ class Code extends React.Component<CodeProps, CodeState> {
<CopyInput readOnly aria-hidden="true" ref={this.code} value={children} />
) : null}
</Base>
- {navigator.userAgent !== 'ReactSnap' ? <Button onClick={this.handleCopy}>{this.state.copied ? 'Copied' : 'Copy'}</Button> : null}
+ {navigator.userAgent !== 'ReactSnap' && copy ? (
+ <Button onClick={this.handleCopy}>{this.state.copied ? 'Copied' : 'Copy'}</Button>
+ ) : null}
</Container>
);
}