1  import PropTypes from "prop-types";
 2  import React from 'react';
 3  import ReactJson from "react-json-view";
 4  import {Row, Col} from "reactstrap";
 5  import CopyButton from './CopyButton';
 6  
 7  const ContractDetail = ({contract}) => {
 8    return (
 9      <Row>
10        <Col>
11          <strong>ABI</strong>
12          <div className="relative">
13            <CopyButton text={JSON.stringify(contract.abiDefinition)}
14                        title="Copy bytecode to clipboard"/>
15            {contract.abiDefinition && <ReactJson src={contract.abiDefinition} theme="monokai" sortKeys={true} collapsed={1} />}
16          </div>
17          <br />
18          <strong>Bytecode</strong>
19          <div className="text-wrap logs relative">
20            <CopyButton text={contract.runtimeBytecode}
21                        title="Copy bytecode to clipboard"/>
22            {contract.runtimeBytecode}
23          </div>
24        </Col>
25      </Row>
26    );
27  };
28  
29  ContractDetail.propTypes = {
30    contract: PropTypes.object
31  };
32  
33  export default ContractDetail;
34