From 5cb944fe1b92c1d9f886faa247297115abbfd463 Mon Sep 17 00:00:00 2001
From: August Skare <post@augustskare.no>
Date: Tue, 30 Oct 2018 08:27:31 +0100
Subject: optional copy button in code component

---
 packages/dev-tools-pages/ts/components/Code.tsx | 7 +++++--
 packages/dev-tools-pages/ts/pages/Compiler.tsx  | 2 +-
 2 files changed, 6 insertions(+), 3 deletions(-)

(limited to 'packages')

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>
         );
     }
diff --git a/packages/dev-tools-pages/ts/pages/Compiler.tsx b/packages/dev-tools-pages/ts/pages/Compiler.tsx
index d2c14c90c..2cb232c8c 100644
--- a/packages/dev-tools-pages/ts/pages/Compiler.tsx
+++ b/packages/dev-tools-pages/ts/pages/Compiler.tsx
@@ -19,7 +19,7 @@ function Compiler() {
                 <ContentBlock main title="Get started" />
                 <ContentBlock title="Install">
                     <Breakout>
-                        <Code>npm install @0x/sol-compiler --g</Code>
+                        <Code copy>npm install @0x/sol-compiler --g</Code>
                     </Breakout>
                 </ContentBlock>
 
-- 
cgit v1.2.3