diff --git a/new-lamassu-admin/src/pages/Assets/Assets.js b/new-lamassu-admin/src/pages/Assets/Assets.js index dd160ea6..b7c5624c 100644 --- a/new-lamassu-admin/src/pages/Assets/Assets.js +++ b/new-lamassu-admin/src/pages/Assets/Assets.js @@ -15,21 +15,20 @@ import { H4, Label2, P, Info2 } from 'src/components/typography' import styles from './Assets.styles' const useStyles = makeStyles(styles) +const cellStyling = { + borderBottom: '4px solid white', + padding: 0, + paddingLeft: 20, + paddingRight: 20 +} + const Cell = withStyles({ - root: { - borderBottom: '4px solid white', - padding: 0, - paddingLeft: 20, - paddingRight: 20 - } + root: cellStyling })(TableCell) const HeaderCell = withStyles({ root: { - borderBottom: '4px solid white', - padding: 0, - paddingLeft: 20, - paddingRight: 20, + ...cellStyling, backgroundColor: 'white' } })(TableCell) @@ -64,22 +63,20 @@ const AssetsAmountTable = ({ title, data = [], numToRender }) => { {data?.map((asset, idx) => { - if (idx < numToRender) { - return ( - - -

{asset.display}

-
- -

{`${selectAmountPrefix(asset)} + if (!(idx < numToRender)) return <> + return ( + + +

{asset.display}

+
+ +

{`${selectAmountPrefix(asset)} ${formatCurrency(Math.abs(asset.amount))} ${ - asset.currency - }`}

-
-
- ) - } - return null + asset.currency + }`}

+ + + ) })}