fix: re-enable move funds button after transfer (#1875)

OffchainLabs · Sep 9, 2024 · 6a67736 · 6a67736
1 parent bf1f26f
commit 6a67736
Showing 1 changed file with 10 additions and 1 deletion.
diff --git a/packages/arb-token-bridge-ui/src/components/TransferPanel/TransferPanelMainInput.tsx b/packages/arb-token-bridge-ui/src/components/TransferPanel/TransferPanelMainInput.tsx
@@ -224,6 +224,15 @@ export const TransferPanelMainInput = React.memo(
     const [localValue, setLocalValue] = useState(value)
 
     useEffect(() => {
+      /**
+       * If value is empty, set localValue to empty string
+       * this is useful when transfer was successful and the `amount` query param
+       * was reset to an empty string
+       */
+      if (value === '') {
+        setLocalValue('')
+      }
+
       if (!isMaxAmount || !maxAmount) {
         return
       }
@@ -233,7 +242,7 @@ export const TransferPanelMainInput = React.memo(
        * If user types anything before we receive the amount, isMaxAmount is set to false in the parent
        */
       setLocalValue(maxAmount)
-    }, [isMaxAmount, maxAmount])
+    }, [isMaxAmount, maxAmount, value])
 
     const handleMaxButtonClick: React.MouseEventHandler<HTMLButtonElement> =
       useCallback(