optional copy button in code component

2 files changed, 6 insertions, 3 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>
         );
     }
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>