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

     1  import React from 'react';
     2  import classes from './table.css';
     3  
     4  const DetailAccountsTable = (props) => {    
     5      let flag;
     6          if(props.addr === props.to) {
     7              flag = true
     8          }else {
     9              flag = false
    10          }
    11      let genFlag;
    12      if(props.txHash.indexOf("GENESIS") !== -1) {
    13          genFlag = false
    14      }else {
    15          genFlag = true
    16      }
    17      return (
    18          <tbody>
    19              <tr className={classes.border}>
    20                  <td className={classes.tdItem}>
    21                      <div className={[genFlag ? "" : classes.disabled, classes.tdLink]} onClick={() => props.detailTransactionHandler(props.txHash)}>
    22                          {props.txHash}
    23                      </div>
    24                  </td>
    25                  <td className={classes.tdItem}> {props.blockNumber} </td>
    26                  <td className={classes.tdItem}> {props.age} </td>
    27                  <td className={classes.tdItem}> {props.from} </td>
    28                  <td>
    29                      <div className={ [flag ? classes.incoming : classes.out, classes.tdItem ]}>
    30                          { flag ? "IN" : "OUT" }
    31                      </div>
    32                  </td>
    33                  <td className={classes.tdItem}> {props.to} </td>
    34                  <td className={classes.tdItem}> {props.value} </td>
    35                  <td className={classes.tdItem}> {props.cost} </td>
    36              </tr>
    37          </tbody>
    38      )
    39  };
    40  
    41  export default DetailAccountsTable;