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 balances, use fake data for now

Browse Source
This commit is contained in:
Matthias Kretschmann 2019-02-26 12:44:23 -03:00
parent 3d7746c46c
commit a50a700c92
Signed by: m
GPG Key ID: 606EEEF3C479A91F
2 changed files with 28 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
src/components/molecules/AccountStatus/Popover.module.scss
View File

@ -72,3 +72,14 @@ $popoverWidth: 18rem;
overflow: hidden;
text-overflow: ellipsis;
}
.balance {
font-size: $font-size-small;
color: $brand-grey-light;
margin-left: $spacer / 2;
white-space: nowrap;
&:first-child {
margin-left: 0;
}
}

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

@ -19,7 +19,23 @@ const Popover = () => (
</User.Consumer>
</div>
<div className={styles.popoverInfoline}>
Network: &nbsp;<strong>{''}</strong>
Network: <strong>&nbsp; Fake Network Name</strong>
{/* Network:
<User.Consumer>
{states => states.network && <strong>{states.network}</strong>}
</User.Consumer> */}
</div>
<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>
<div className={styles.popoverInfoline}>
<Faucet />