From ff1ddb65d6150f9db3b2179bdf980194c172174f Mon Sep 17 00:00:00 2001 From: Matthias Kretschmann Date: Thu, 22 Oct 2020 12:50:27 +0200 Subject: [PATCH 1/2] bump @oceanprotocol/react --- package-lock.json | 6 +++--- package.json | 2 +- 2 files changed, 4 insertions(+), 4 deletions(-) diff --git a/package-lock.json b/package-lock.json index 8f7d0aa1d..141b95817 100644 --- a/package-lock.json +++ b/package-lock.json @@ -4479,9 +4479,9 @@ } }, "@oceanprotocol/react": { - "version": "0.3.4", - "resolved": "https://registry.npmjs.org/@oceanprotocol/react/-/react-0.3.4.tgz", - "integrity": "sha512-ACCbjbGq8jZ5knNeP4rQA2g7WxCyVIvifualTOGoW5xJVudYJmt6rAJMCJTrjNMqQ8b0aRQ9wLO4G/A3ISydiw==", + "version": "0.3.5", + "resolved": "https://registry.npmjs.org/@oceanprotocol/react/-/react-0.3.5.tgz", + "integrity": "sha512-k51Mltb8bhd/n7cpcwV3knURpUXiwlryQgi6/vyd2kMNMQX6OorwHT1LcmP593FW5pIHpUEC3x/zLthYY42EiA==", "requires": { "@oceanprotocol/lib": "^0.7.3", "axios": "^0.20.0", diff --git a/package.json b/package.json index dad03099b..c217c1042 100644 --- a/package.json +++ b/package.json @@ -23,7 +23,7 @@ "@loadable/component": "5.13.1", "@oceanprotocol/art": "^3.0.0", "@oceanprotocol/lib": "^0.7.3", - "@oceanprotocol/react": "^0.3.4", + "@oceanprotocol/react": "^0.3.5", "@oceanprotocol/typographies": "^0.1.0", "@sindresorhus/slugify": "^1.0.0", "@tippyjs/react": "^4.2.0", From 829047cb7159625f33c4e177ee830f3cd7b8d5c6 Mon Sep 17 00:00:00 2001 From: mihaisc Date: Thu, 22 Oct 2020 15:37:26 +0300 Subject: [PATCH 2/2] reset values when switching from simple to advanced Signed-off-by: mihaisc --- .../organisms/AssetActions/Pool/Remove.tsx | 28 ++++++++++++++++--- 1 file changed, 24 insertions(+), 4 deletions(-) diff --git a/src/components/organisms/AssetActions/Pool/Remove.tsx b/src/components/organisms/AssetActions/Pool/Remove.tsx index 773fe53b6..675fabbd3 100644 --- a/src/components/organisms/AssetActions/Pool/Remove.tsx +++ b/src/components/organisms/AssetActions/Pool/Remove.tsx @@ -103,6 +103,29 @@ export default function Remove({ setIsAdvanced(!isAdvanced) } + useEffect(() => { + if (!ocean || !poolTokens) return + async function resetValues() { + setAmountPoolShares(`0`) + setAmountPercent('0') + setAmountOcean('0') + + if (isAdvanced === true) { + setAmountMaxPercent('100') + setAmountDatatoken('0') + } else { + const { amountMaxPercent } = await getMaxValuesRemove( + ocean, + poolAddress, + poolTokens, + `0` + ) + setAmountMaxPercent(amountMaxPercent) + } + } + resetValues() + }, [isAdvanced]) + // Check and set outputs when percentage changes useEffect(() => { if (!ocean || !poolTokens) return @@ -113,8 +136,6 @@ export default function Remove({ setAmountPoolShares(`${amountPoolShares}`) if (isAdvanced === true) { - setAmountMaxPercent('100') - const tokens = await ocean.pool.getTokensRemovedforPoolShares( poolAddress, `${amountPoolShares}` @@ -122,13 +143,12 @@ export default function Remove({ setAmountOcean(tokens?.oceanAmount) setAmountDatatoken(tokens?.dtAmount) } else { - const { amountMaxPercent, amountOcean } = await getMaxValuesRemove( + const { amountOcean } = await getMaxValuesRemove( ocean, poolAddress, poolTokens, `${amountPoolShares}` ) - setAmountMaxPercent(amountMaxPercent) setAmountOcean(amountOcean) } }