[NO CHANGELOG] [Add Tokens Widget] Add tokens input focus by default (#…

…2388)
immutable · Nov 12, 2024 · 67491ec · 67491ec
1 parent 266257d
commit 67491ec
Showing 1 changed file with 6 additions and 0 deletions.
diff --git a/packages/checkout/widgets-lib/src/widgets/add-tokens/views/AddTokens.tsx b/packages/checkout/widgets-lib/src/widgets/add-tokens/views/AddTokens.tsx
@@ -415,6 +415,12 @@ export function AddTokens({
 
   const showInitialEmptyState = !selectedToken;
 
+  useEffect(() => {
+    if (inputRef.current && !showInitialEmptyState) {
+      inputRef.current.focus();
+    }
+  }, [showInitialEmptyState]);
+
   const shouldShowBackButton = showBackButton && onBackButtonClick;
   const routeInputsReady = !!selectedToken
     && !!fromAddress