bring recent to top

family · Nov 30, 2023 · eaea3b6 · eaea3b6
1 parent c900f82
commit eaea3b6
Showing 1 changed file with 16 additions and 1 deletion.
diff --git a/packages/connectkit/src/components/Common/ConnectorList/index.tsx b/packages/connectkit/src/components/Common/ConnectorList/index.tsx
@@ -29,7 +29,22 @@ const ConnectorList = () => {
   const injectedWallet = useInjectedWallet();
 
   const wallets = useWallets();
-  const walletsToDisplay = wallets;
+  const walletsToDisplay = context.options?.hideRecentBadge
+    ? wallets
+    : [
+        // move last used wallet to top of list
+        // using .filter and spread to avoid mutating original array order with .sort
+        ...wallets.filter(
+          (wallet) =>
+            lastConnectorId ===
+            `${wallet.connector.id}-${wallet.connector.name}`
+        ),
+        ...wallets.filter(
+          (wallet) =>
+            lastConnectorId !==
+            `${wallet.connector.id}-${wallet.connector.name}`
+        ),
+      ];
 
   return (
     <ScrollArea>