feat: scroll to the active account (#131)

ava-labs · Feb 7, 2025 · 6a1a7b6 · 6a1a7b6
1 parent fe60e3f
commit 6a1a7b6
Showing 1 changed file with 13 additions and 0 deletions.
diff --git a/src/pages/Accounts/components/AccountItem.tsx b/src/pages/Accounts/components/AccountItem.tsx
@@ -13,6 +13,7 @@ import {
   ForwardedRef,
   forwardRef,
   useCallback,
+  useEffect,
   useMemo,
   useRef,
   useState,
@@ -79,6 +80,18 @@ export const AccountItem = forwardRef(
     const address = network ? getAddressForChain(network.chainId, account) : '';
     const [cardHovered, setCardHovered] = useState(false);
     const itemRef = useRef<HTMLDivElement>(null);
+    const firstPageload = useRef(true);
+
+    useEffect(() => {
+      if (isActive) {
+        const behavior = firstPageload.current ? 'instant' : 'smooth';
+        itemRef?.current?.scrollIntoView({
+          block: 'center',
+          behavior,
+        });
+      }
+      firstPageload.current = false;
+    }, [isActive]);
 
     const toggle = useCallback(
       (accountId: string) => {