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

     1  import React from 'react';
     2  import classes from './table.css';
     3  import { Link } from 'react-router-dom'
     4  
     5  const BlockTable = (props) => {
     6      return (
     7          <tbody>
     8              <tr className={classes.border}>
     9                  <td className={classes.tdItem}>
    10                      <Link to="/blocks" style={{ color: '#8f67c9' }} onClick={() => props.detailBlockHandler(props.Number)}>
    11                          {props.Number}
    12                      </Link>
    13                  </td>
    14                  <td className={classes.tdItem}> {props.Hash} </td>
    15                  <td className={classes.tdItem}> {props.AgeGet} </td>
    16                  <td className={classes.tdItem}> {props.TxCount} </td>
    17                  <td className={classes.tdItem}> {props.UncleCount} </td>
    18                  <td className={classes.tdItem}>
    19                      <Link to="/mined/blocks" style={{ color: '#8f67c9' }} onClick={() => props.getBlocksMined(props.Coinbase)}>
    20                          {props.Coinbase}
    21                      </Link>
    22                  </td>
    23                  <td className={classes.tdItem}> {props.GasUsed} </td>
    24                  <td className={classes.tdItem}> {props.GasLimit} </td>
    25                  <td style={{paddingLeft: '30pt', paddingBottom: '7.5pt', paddingTop: '7.5pt'   }}>TBD</td>
    26                  <td style={{paddingLeft: '30pt', paddingBottom: '7.5pt', paddingTop: '7.5pt'  }}>{props.Reward}</td>
    27              </tr>
    28              </tbody>
    29      )
    30  }
    31  
    32  export default BlockTable;