github.com/shyftnetwork/go-empyrean@v1.8.3-0.20191127201940-fbfca9338f04/shyftBlockExplorerUI/src/components/table/blocks/blocksDetailsRow.js (about)

     1  import React, { Component } from 'react';
     2  import classes from './table.css';
     3  import { Link } from 'react-router-dom'
     4  
     5  class DetailBlockTable extends Component {
     6  
     7      render() {
     8          let data = this.props.data;
     9          let combinedClasses = ['responsive-table', classes.table];
    10          return (
    11              <table className={combinedClasses.join(' ')}>
    12                  <tbody>
    13                  <tr>
    14                      <th scope="col">Height 2:</th>
    15                      <td>{data.Number}</td>
    16                  </tr>
    17                  <tr>
    18                      <th scope="col">Age:</th>
    19                      <td>{data.AgeGet}</td>
    20                  </tr>
    21                  <tr>
    22                      <th scope="col">Txn:</th>
    23                      <td><Link to="/block/transactions" onClick={() => this.props.getBlockTransactions(data.Number)}>{data.TxCount} transactions</Link></td>
    24                  </tr>
    25                  <tr>
    26                      <th scope="col">Block Hash:</th>
    27                      <td>{data.Hash}</td>
    28                  </tr>
    29                  <tr>
    30                      <th scope="col">Parent Hash:</th>
    31                      <td>{data.ParentHash}</td>
    32                  </tr>
    33                  <tr>
    34                      <th scope="col">Uncle Hash:</th>
    35                      <td>{data.UncleHash}</td>
    36                  </tr>
    37                  <tr>
    38                      <th scope="col">Uncle Count:</th>
    39                      <td>{data.UncleCount}</td>
    40                  </tr>
    41                  <tr>
    42                      <th scope="col">Coinbase:</th>
    43                      <td>{data.Coinbase}</td>
    44                  </tr>
    45                  <tr>
    46                      <th scope="col">Difficulty:</th>
    47                      <td>{data.Difficulty}</td>
    48                  </tr>
    49                  <tr>
    50                      <th scope="col">GasUsed:</th>
    51                      <td>{data.GasUsed}</td>
    52                  </tr>
    53                  <tr>
    54                      <th scope="col">Size:</th>
    55                      <td>{data.Size}ytes</td>
    56                  </tr>
    57                  <tr>
    58                      <th scope="col">GasUsed:</th>
    59                      <td>{data.GasUsed}</td>
    60                  </tr>
    61                  <tr>
    62                      <th scope="col">GasLimit:</th>
    63                      <td>{data.GasLimit}</td>
    64                  </tr>
    65                  <tr>
    66                      <th scope="col">Nonce:</th>
    67                      <td>{data.Nonce}</td>
    68                  </tr>
    69                  <tr>
    70                      <th scope="col">Reward:</th>
    71                      <td>{data.Rewards}</td>
    72                  </tr>
    73                  </tbody>
    74              </table>
    75          );
    76      }
    77  }
    78  export default DetailBlockTable;