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

add a debounce to remove liquidity slider

Browse Source
This commit is contained in:
Matthias Kretschmann 2020-10-29 12:42:19 +01:00
parent eae81505f6
commit a9550e1331
Signed by: m
GPG Key ID: 606EEEF3C479A91F
1 changed files with 3 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -17,6 +17,7 @@ import Button from '../../../atoms/Button'
import { getMaxValuesRemove } from './utils' import { getMaxValuesRemove } from './utils'
import { graphql, useStaticQuery } from 'gatsby' import { graphql, useStaticQuery } from 'gatsby'
import PriceUnit from '../../../atoms/Price/PriceUnit' import PriceUnit from '../../../atoms/Price/PriceUnit'
import debounce from 'lodash.debounce'
const contentQuery = graphql` const contentQuery = graphql`
query PoolRemoveQuery { query PoolRemoveQuery {
@ -130,7 +131,7 @@ export default function Remove({
useEffect(() => { useEffect(() => {
if (!ocean || !poolTokens) return if (!ocean || !poolTokens) return
async function getValues() { const getValues = debounce(async () => {
const amountPoolShares = const amountPoolShares =
(Number(amountPercent) / 100) * Number(poolTokens) (Number(amountPercent) / 100) * Number(poolTokens)
setAmountPoolShares(`${amountPoolShares}`) setAmountPoolShares(`${amountPoolShares}`)
@ -151,7 +152,7 @@ export default function Remove({
) )
setAmountOcean(amountOcean) setAmountOcean(amountOcean)
} }
} }, 300)
getValues() getValues()
}, [amountPercent, isAdvanced, ocean, poolTokens, poolAddress]) }, [amountPercent, isAdvanced, ocean, poolTokens, poolAddress])