import React from 'react'; import CardContent from "@material-ui/core/CardContent"; import Card from "@material-ui/core/Card"; import {makeStyles} from "@material-ui/core/styles"; import List from '@material-ui/core/List'; import ListItem from '@material-ui/core/ListItem'; import ListItemText from '@material-ui/core/ListItemText'; import ListItemAvatar from '@material-ui/core/ListItemAvatar'; import Avatar from '@material-ui/core/Avatar'; const useStyles = makeStyles((theme) => ({ root: { margin: theme.spacing(1), }, cardContent: {} })); const logoCurrencies = { "BTC": true, "ETH": true, "BCH": true, "LTC": true, "USDT": true, "BNB": true, "COMP": true, "XRP": true, "LINK": true, "DOT": true, "SXP": true, "DAI": true, "MAX": true, "TWD": true, "SNT": true, "YFI": true, "GRT": true, } export default function TotalAssetsDetails({assets}) { const classes = useStyles(); const sortedAssets = []; for (let k in assets) { sortedAssets.push(assets[k]); } sortedAssets.sort((a, b) => { if (a.inUSD > b.inUSD) { return -1 } if (a.inUSD < b.inUSD) { return 1 } return 0; }) const items = sortedAssets.map((a) => { return ( { (a.currency in logoCurrencies) ? ( ) : ( ) } ) }) return ( {items} ); }