fix: default asset selection (#11222)

polkadot-js · Jan 21, 2025 · fdca728 · fdca728
1 parent 724f04c
commit fdca728
Showing 1 changed file with 11 additions and 5 deletions.
diff --git a/packages/page-assets/src/Balances/index.tsx b/packages/page-assets/src/Balances/index.tsx
@@ -66,11 +66,17 @@ function Balances ({ className, infos = [] }: Props): React.ReactElement<Props>
   );
 
   useEffect((): void => {
-    setInfo(() =>
-      infoIndex >= 0
-        ? completeInfos.find(({ id }) => id.toString() === infoIndex.toString()) ?? null
-        : null
-    );
+    const info = infoIndex >= 0
+      ? completeInfos.find(({ id }) => id.toString() === infoIndex.toString()) ?? null
+      : null;
+
+    // if no info found (usually happens on first load), select the first one automatically
+    if (!info) {
+      setInfo(completeInfos.at(0) ?? null);
+      setInfoIndex(completeInfos.at(0)?.id?.toNumber() ?? 0);
+    } else {
+      setInfo(info);
+    }
   }, [completeInfos, infoIndex]);
 
   return (