github.com/shyftnetwork/go-empyrean@v1.8.3-0.20191127201940-fbfca9338f04/shyftBlockExplorerUI/src/components/nav/accountHeaders/accountDetailHeader.js (about)

     1  import React from 'react';
     2  import classes from '../nav.css';
     3  
     4  const accountsDetailHeader = (props) => {
     5      const total = props.data
     6          .map(num => Number(num.Amount) / 10000000000000000000)
     7          .reduce((acc, cur) => acc + cur ,0);
     8      return (
     9          <div className={classes.Secondary}>
    10              <span className={classes.Transactions}>Account# {props.addr}</span>
    11              <span className={classes.Transactions}>Total Value: {total}</span>
    12          </div>
    13      )
    14  };
    15  
    16  export default accountsDetailHeader;