oceanprotocol/market
1
0
Fork 0
mirror of https://github.com/oceanprotocol/market.git synced 2024-12-02 05:57:29 +01:00
Code Releases Activity

place some tooltips

Browse Source
This commit is contained in:
Matthias Kretschmann 2020-08-19 22:12:28 +02:00
parent d80d6d7990
commit 508e4f7165
Signed by: m
GPG Key ID: 606EEEF3C479A91F
2 changed files with 8 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/atoms/Tooltip.module.css
View File

@ -11,8 +11,8 @@
}
.icon {
width: 15px;
height: 15px;
width: 1rem;
height: 1rem;
cursor: help;
display: inline-block;
margin-bottom: -0.1rem;

7
src/components/organisms/AssetActions/Pool/index.tsx
View File

@ -8,6 +8,7 @@ import Loader from '../../../atoms/Loader'
import Button from '../../../atoms/Button'
import Add from './Add'
import Remove from './Remove'
import Tooltip from '../../../atoms/Tooltip'
interface Balance {
ocean: string
@ -94,11 +95,15 @@ export default function Pool({ ddo }: { ddo: DDO }): ReactElement {
<div className={styles.dataToken}>
<PriceUnit price="1" symbol={dtSymbol} /> ={' '}
<PriceUnit price={dtPrice} />
<Tooltip content="Explain how this price is determined..." />
</div>
<div className={styles.poolTokens}>
<div className={styles.tokens}>
<h3 className={styles.title}>Your Pool Share</h3>
<h3 className={styles.title}>
Your Pool Share{' '}
<Tooltip content="Explain what this represents, advantage of providing liquidity..." />
</h3>
<Token symbol="OCEAN" balance={userBalance.ocean} />
<Token symbol={dtSymbol} balance={userBalance.dt} />
<Token symbol="%" balance={poolShare} />