From 29fb9fbe80fc675d7ea13964d44bea4d5bb5b112 Mon Sep 17 00:00:00 2001
From: Jonathan Rainville <rainville.jonathan@gmail.com>
Date: Thu, 18 Oct 2018 17:05:39 -0400
Subject: [PATCH] add copyButton to abi and bytecode thing

---
 embark-ui/src/components/ContractOverview.js | 13 ++++++++++---
 1 file changed, 10 insertions(+), 3 deletions(-)

diff --git a/embark-ui/src/components/ContractOverview.js b/embark-ui/src/components/ContractOverview.js
index 19824f0e..23afaa7b 100644
--- a/embark-ui/src/components/ContractOverview.js
+++ b/embark-ui/src/components/ContractOverview.js
@@ -2,7 +2,9 @@ import PropTypes from "prop-types";
 import React from 'react';
 import {Row, Col, Table} from "reactstrap";
 import JSONTree from 'react-json-tree';
+import GasStationContainer from "../containers/GasStationContainer";
 import {formatContractForDisplay} from '../utils/presentation';
+import CopyButton from './CopyButton';
 
 const Contract = ({contract}) => {
   const contractDisplay = formatContractForDisplay(contract);
@@ -29,13 +31,18 @@ const Contract = ({contract}) => {
           </tbody>
         </Table>
         <h2>ABI</h2>
-        <div>
-          {contract.abiDefinition && <JSONTree data={contract.abiDefinition} />}
+        <div className="relative">
+          <CopyButton text={contract.runtimeBytecode}
+                      title="Copy bytecode to clipboard"/>
+          {contract.abiDefinition && <JSONTree data={contract.abiDefinition}/>}
         </div>
         <h2>Bytecode</h2>
-        <div className="text-wrap">
+        <div className="text-wrap logs relative">
+          <CopyButton text={contract.runtimeBytecode}
+                      title="Copy bytecode to clipboard"/>
           {contract.runtimeBytecode}
         </div>
+        <GasStationContainer/>
       </Col>
     </Row>
   );