1  import React from 'react';
 2  import {Row, Col, Card, CardHeader, CardBody} from 'reactstrap';
 3  import PropTypes from 'prop-types';
 4  
 5  import Description from './Description';
 6  import CardTitleIdenticon from './CardTitleIdenticon';
 7  
 8  const Block = ({block}) => (
 9    <Row>
10      <Col>
11        <Card>
12          <CardHeader>
13            <CardTitleIdenticon id={block.hash}>Block {block.number}</CardTitleIdenticon>
14          </CardHeader>
15          <CardBody>
16            <dl className="row">
17              <Description label="Hash" value={block.hash} />
18              <Description label="Timestamp" value={block.timestamp} />
19              <Description label="Difficulty" value={block.difficulty} />
20              <Description label="Gas used" value={block.gasUsed} />
21              <Description label="Gas limit" value={block.gasLimit} />
22              <Description label="Miner" value={block.miner} />
23              <Description label="Mix hash" value={block.mixHash} />
24              <Description label="Nonce" value={block.nonce} />
25              <Description label="Parent hash" value={block.parentHash} />
26              <Description label="Transaction root" value={block.transactionsRoot} />
27              <Description label="Receipts root" value={block.receiptsRoot} />
28              <Description label="State root" value={block.stateRoot} />
29              <Description label="SHA3 uncles" value={block.sha3Uncles} />
30              <Description label="Size" value={block.size} />
31              <Description label="Total difficulty" value={block.totalDifficulty} />
32              <Description label="Extra data" value={block.extraData} />
33              <Description label="Logs bloom" value={block.logsBloom} />
34            </dl>
35          </CardBody>
36        </Card>
37      </Col>
38    </Row>
39  );
40  
41  Block.propTypes = {
42    block: PropTypes.object
43  };
44  
45  export default Block;