fixed infinite channel reconnect (#291)

Keeper-Wallet · May 18, 2022 · b1ef18a · b1ef18a
1 parent 39e6aba
commit b1ef18a
Showing 1 changed file with 8 additions and 2 deletions.
diff --git a/src/ui/components/pages/swap/form.tsx b/src/ui/components/pages/swap/form.tsx
@@ -223,6 +223,12 @@ export function SwapForm({
   >(null);
 
   const maxTokens = new Money(BigNumber.MAX_VALUE, fromAsset).getTokens();
+  const maxTokensRef = React.useRef(maxTokens);
+
+  React.useEffect(() => {
+    maxTokensRef.current = maxTokens;
+  }, [maxTokens]);
+
   const maxAmountExceededErrorMessage = fromAmountTokens.gt(maxTokens)
     ? t('swap.maxAmountExceeded', {
         maxAmount: maxTokens.toFixed(),
@@ -232,7 +238,7 @@ export function SwapForm({
   const watchExchange = React.useCallback(() => {
     let fromTokens = new BigNumber(latestFromAmountValueRef.current || '0');
 
-    if (fromTokens.gt(maxTokens)) {
+    if (fromTokens.gt(maxTokensRef.current)) {
       setExchangeInfo(exchangeInfoErrorState);
       channelClient?.close();
       return;
@@ -296,8 +302,8 @@ export function SwapForm({
     channelClient,
     fromAsset,
     toAsset,
-    maxTokens,
     latestFromAmountValueRef,
+    maxTokensRef,
     t,
   ]);