oceanprotocol/commons
1
0
Fork 0
mirror of https://github.com/oceanprotocol/commons.git synced 2023-03-15 18:03:00 +01:00
Code Releases Activity

prepare showing real balances and network name

Browse Source
This commit is contained in:
Matthias Kretschmann 2019-03-04 11:56:24 -03:00
parent f3d011cae7
commit 662b608148
Signed by: m
GPG Key ID: 606EEEF3C479A91F
1 changed files with 34 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

39
src/components/molecules/AccountStatus/Popover.tsx
View File

@ -10,15 +10,40 @@ const Popover = ({
style: React.CSSProperties
}) => (
<div className={styles.popover} ref={forwardedRef} style={style}>
{/*
TODO: uncomment to show real balances,
and remove next infoline block with fake data
*/}
{/*
<User.Consumer>
{states =>
(states.balanceEth || states.balanceOcn) && (
<div className={styles.popoverInfoline}>
<span
className={styles.balance}
title={(states.balanceEth / 1e18).toFixed(10)}
>
<strong>
{(states.balanceEth / 1e18)
.toFixed(3)
.slice(0, -1)}
</strong>{' '}
ETH
</span>
<span className={styles.balance}>
<strong>{states.balanceOcn}</strong> OCEAN
</span>
</div>
)
}
</User.Consumer>
*/}
<div className={styles.popoverInfoline}>
<span className={styles.balance} title="Fake data">
<strong>30</strong> ETH
</span>
{/* <span className={styles.balance} title={(eth / 1e18).toFixed(10)}>
<strong>{(eth / 1e18).toFixed(3).slice(0, -1)}</strong> ETH
</span> */}
<span className={styles.balance}>
{/* <strong>{ocn}</strong> OCEAN */}
<strong>2474290</strong> OCEAN
</span>
</div>
@ -39,10 +64,14 @@ const Popover = ({
<div className={styles.popoverInfoline}>
Fake Network Name
{/*
TODO: uncomment to show real network name
*/}
{/*
<User.Consumer>
{states => states.network && states.network}
</User.Consumer> */}
</User.Consumer>
*/}
</div>
</div>
)