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

     1  import React, { Component } from 'react';
     2  import DetailAccountsTable from './detailAccountsTable';
     3  import ErrorMessage from "./errorMessage";
     4  import classes from './table.css';
     5  
     6  class AccountTransactionTable extends Component {
     7      render() {
     8          let table;
     9          if(this.props.data.length < 1) {
    10             return <ErrorMessage />
    11          } else {
    12              table = this.props.data.map((data, i) => {
    13                  const costConversion = data.Cost / 10000000000000000000;
    14                  const amountConversion = data.Amount / 10000000000000000000;
    15                  return <DetailAccountsTable
    16                      key={`${data.TxHash}${i}`}
    17                      age={data.Age}
    18                      txHash={data.TxHash}
    19                      blockNumber={data.BlockNumber}
    20                      to={data.ToGet}
    21                      from={data.From}
    22                      value={amountConversion}
    23                      cost={costConversion}
    24                      addr={this.props.addr}
    25                      detailTransactionHandler={this.props.transactionDetailHandler}
    26                  />
    27              })
    28          }
    29  
    30          let combinedClasses = ['responsive-table', classes.table];
    31          return (
    32              <div>
    33                  {
    34                      this.props.data.length > 0 ?
    35                      <table key={this.props.data.TxHash} className={combinedClasses.join(' ')}>
    36                          <thead className={classes.tHead}>
    37                          <tr>
    38                              <th scope="col" className={classes.thItem}>TxHash</th>
    39                              <th scope="col" className={classes.thItem}>Block</th>
    40                              <th scope="col" className={classes.thItem}>Age</th>
    41                              <th scope="col" className={classes.thItem}>From</th>
    42                              <th scope="col" className={classes.thItem}> </th>
    43                              <th scope="col" className={classes.thItem}>To</th>
    44                              <th scope="col" className={classes.thItem}>Value</th>
    45                              <th scope="col" className={classes.thItem}>TxFee</th>
    46                          </tr>
    47                          </thead>
    48                          {table}
    49                      </table>
    50                      : <ErrorMessage />
    51                  }
    52              </div>
    53          );
    54      }
    55  }
    56  export default AccountTransactionTable;