[MNY-331] SDK: Alphabetically sort chains in SwapWidget UI

Author: MananTank

.changeset/ninety-trains-tell.md

@@ -0,0 +1,5 @@
+---
+"thirdweb": patch
+---
+
+Alphabetically sort the chains in SwapWidget UI

packages/thirdweb/src/react/web/ui/Bridge/swap-widget/use-bridge-chains.ts

@@ -5,8 +5,25 @@ import type { ThirdwebClient } from "../../../../../client/client.js";
 export function useBridgeChains(client: ThirdwebClient) {
   return useQuery({
     queryKey: ["bridge-chains"],
-    queryFn: () => {
-      return chains({ client });
+    queryFn: async () => {
+      const data = await chains({ client });
+      const dataCopy = [...data];
+      // sort by name, but if name starts with number, put it at the end
+
+      return dataCopy.sort((a, b) => {
+        const aStartsWithNumber = a.name[0]?.match(/^\d/);
+        const bStartsWithNumber = b.name[0]?.match(/^\d/);
+
+        if (aStartsWithNumber && !bStartsWithNumber) {
+          return 1;
+        }
+
+        if (!aStartsWithNumber && bStartsWithNumber) {
+          return -1;
+        }
+
+        return a.name.localeCompare(b.name);
+      });
     },
     refetchOnMount: false,
     refetchOnWindowFocus: false,