github.com/muhammedhassanm/blockchain@v0.0.0-20200120143007-697261defd4d/build-blockchain-insurance-app-master/web/src/block-explorer/components/Block.js (about)

     1  'use strict';
     2  
     3  import React, { Props } from 'react';
     4  import PropTypes from 'prop-types';
     5  import { FormattedMessage, injectIntl } from 'react-intl';
     6  
     7  import Transaction from './Transaction';
     8  
     9  const Block = ({ data }) => {
    10    return (
    11      <div className='block'>
    12        <div className='block-data'>
    13          <p>
    14            <b><FormattedMessage id='Block No.' />:</b> {data.id}
    15          </p>
    16          <p>
    17            <b><FormattedMessage id='Hash' />:</b>&nbsp;
    18          <code>{data.fingerprint.substr(0, 10)}</code>
    19          </p>
    20          <p>
    21            <b><FormattedMessage id='Transactions' />:</b>&nbsp;
    22            {data.transactions.length}
    23          </p>
    24          <div className='transactions'>
    25            {data.transactions.map((t, i) => <Transaction key={i} data={t} />)}
    26          </div>
    27        </div>
    28      </div>
    29    );
    30  };
    31  
    32  Block.propTypes = {
    33    data: PropTypes.object.isRequired
    34  };
    35  
    36  export default injectIntl(Block);