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

refactor token checks

Browse Source 
* requires https://github.com/oceanprotocol/ocean.js/pull/361
This commit is contained in:
Matthias Kretschmann 2020-10-14 12:58:10 +02:00
parent 207b61933a
commit 0a248b36a1
Signed by: m
GPG Key ID: 606EEEF3C479A91F
2 changed files with 47 additions and 24 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
src/components/organisms/AssetActions/Pool/Remove.module.css
View File

@ -31,3 +31,19 @@
margin-top: calc(var(--spacer) / 4); margin-top: calc(var(--spacer) / 4);
margin-bottom: 0; margin-bottom: 0;
} }
.output {
composes: output from './Add.module.css';
}
.output [class*='token'] {
white-space: nowrap;
}
.output [class*='token'] > figure {
display: inline-block;
}
.output figure[class*='pool shares'] {
display: none;
}

55
src/components/organisms/AssetActions/Pool/Remove.tsx
View File

@ -82,30 +82,34 @@ export default function Remove({
useEffect(() => { useEffect(() => {
if (!ocean || !poolTokens) return if (!ocean || !poolTokens) return
// TODO: check max amount to be able to remove
// getOceanMaxRemoveLiquidity()
async function getValues() { async function getValues() {
const amountPoolShares = const amountPoolShares =
(Number(amountPercent) / 100) * Number(poolTokens) (Number(amountPercent) / 100) * Number(poolTokens)
setAmountPoolShares(`${amountPoolShares}`) setAmountPoolShares(`${amountPoolShares}`)
const amountOcean = await ocean.pool.getOceanRemovedforPoolShares( if (isAdvanced === true) {
poolAddress, const tokens = await ocean.pool.getTokensRemovedforPoolShares(
`${amountPoolShares}` poolAddress,
) `${amountPoolShares}`
setAmountOcean(amountOcean) )
setAmountOcean(tokens?.oceanAmount)
setAmountDatatoken(tokens?.dtAmount)
} else {
// TODO: check max amount to be able to remove
const maxOcean = await ocean.pool.getOceanMaxRemoveLiquidity(
poolAddress
)
console.log(maxOcean)
if (!isAdvanced) return const amountOcean = await ocean.pool.getOceanRemovedforPoolShares(
poolAddress,
const amountDatatoken = await ocean.pool.getDTRemovedforPoolShares( `${amountPoolShares}`
poolAddress, )
`${amountPoolShares}` setAmountOcean(amountOcean)
) }
setAmountDatatoken(amountDatatoken)
} }
getValues() getValues()
}, [amountPercent, ocean, poolTokens, poolAddress, isAdvanced]) }, [amountPercent, isAdvanced, ocean, poolTokens, poolAddress])
return ( return (
<div className={styles.remove}> <div className={styles.remove}>
@ -136,14 +140,17 @@ export default function Remove({
</div> </div>
</form> </form>
<p>You will spend</p> <div className={styles.output}>
<div>
<Token symbol="pool shares" balance={amountPoolShares} noIcon /> <p>You will spend</p>
<Token symbol="pool shares" balance={amountPoolShares} noIcon />
<p>You will receive</p> </div>
<div>
<Token symbol="OCEAN" balance={amountOcean} /> <p>You will receive</p>
{isAdvanced && <Token symbol={dtSymbol} balance={amountDatatoken} />} <Token symbol="OCEAN" balance={amountOcean} />
{isAdvanced && <Token symbol={dtSymbol} balance={amountDatatoken} />}
</div>
</div>
<Actions <Actions
isLoading={isLoading} isLoading={isLoading}