fix: clear input after changing bridge from chain

RabbyHub · Dec 19, 2024 · a157211 · a157211
1 parent 7baeea0
commit a157211
Showing 1 changed file with 17 additions and 1 deletion.
diff --git a/src/ui/views/Bridge/Component/BridgeToken.tsx b/src/ui/views/Bridge/Component/BridgeToken.tsx
@@ -157,6 +157,22 @@ export const BridgeToken = ({
     [token, onInputChange, onChangeToken]
   );
 
+  const changeChain = React.useCallback(
+    (newChain: CHAINS_ENUM) => {
+      if (chain !== newChain) {
+        onChangeChain(newChain);
+        if (isFromToken) {
+          onInputChange?.('');
+          setTimeout(() => {
+            inputRef?.current?.focus?.();
+          }, 200);
+          handleSetGasPrice?.();
+        }
+      }
+    },
+    [onChangeChain, chain, isFromToken, onInputChange, handleSetGasPrice]
+  );
+
   useLayoutEffect(() => {
     if (isFromToken) {
       if (
@@ -243,7 +259,7 @@ export const BridgeToken = ({
           mini
           hideTestnetTab
           value={chain}
-          onChange={onChangeChain}
+          onChange={changeChain}
           title={<div className="mt-8">{t('page.bridge.select-chain')}</div>}
           excludeChains={excludeChains}
           supportChains={supportedChains}