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

prepare max checks

This commit is contained in:
Matthias Kretschmann 2020-10-14 15:11:03 +02:00
parent 0a248b36a1
commit 5b7843d3d4
Signed by: m
GPG Key ID: 606EEEF3C479A91F

View File

@ -35,6 +35,7 @@ export default function Remove({
}): ReactElement {
const { ocean, accountId } = useOcean()
const [amountPercent, setAmountPercent] = useState('0')
const [amountMaxPercent, setAmountMaxPercent] = useState('100')
const [amountPoolShares, setAmountPoolShares] = useState('0')
const [amountOcean, setAmountOcean] = useState<string>()
const [amountDatatoken, setAmountDatatoken] = useState<string>()
@ -95,11 +96,15 @@ export default function Remove({
setAmountOcean(tokens?.oceanAmount)
setAmountDatatoken(tokens?.dtAmount)
} else {
// TODO: check max amount to be able to remove
const maxOcean = await ocean.pool.getOceanMaxRemoveLiquidity(
const amountMaxOcean = await ocean.pool.getOceanMaxRemoveLiquidity(
poolAddress
)
console.log(maxOcean)
console.log(amountMaxOcean)
// TODO: Calculate maximum percentage a user can remove based on maximum OCEAN
// to limit the range slider
// const maxPercent = ??
// setAmountMaxPercent(maxPercent)
const amountOcean = await ocean.pool.getOceanRemovedforPoolShares(
poolAddress,
@ -124,7 +129,7 @@ export default function Remove({
<input
type="range"
min="0"
max="100"
max={amountMaxPercent}
step="10"
value={amountPercent}
onChange={handleAmountPercentChange}