Hotfix/chain search

packages/canonical-bridge-widget/CHANGELOG.md

@@ -1,5 +1,20 @@
 # @bnb-chain/canonical-bridge-widget
 
+## 0.5.8
+
+### Patch Changes
+
+- 49e31fc: Update token list sort rules
+- f86dcd0: Show token address on `You Receive`
+- f86dcd0: Support searching token by address
+- f86dcd0: Show token address on `You Receive`
+
+## 0.5.8-alpha.5
+
+### Patch Changes
+
+- Update token list sort rules
+
 ## 0.5.8-alpha.4
 
 ### Patch Changes

packages/canonical-bridge-widget/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bnb-chain/canonical-bridge-widget",
-  "version": "0.5.8-alpha.4",
+  "version": "0.5.8",
   "description": "canonical bridge widget",
   "author": "bnb-chain",
   "private": false,

packages/canonical-bridge-widget/src/modules/aggregator/components/SelectModal/SourceNetworkModal.tsx

@@ -36,7 +36,7 @@ export function SourceNetworkModal(props: SourceNetworkModalProps) {
   });
 
   const { isNoResult, result, onSearch } = useSearch({
-    filter: (item, keyword) => item.name.toLowerCase().includes(keyword),
+    filter: (item, keyword) => item.name.toLowerCase().includes(keyword.toLowerCase()),
     sorter: (a) => (fromChain?.id === a.id ? -1 : 0),
     data: fromChains,
   });

packages/canonical-bridge-widget/src/modules/aggregator/components/SelectModal/hooks/useTokenList.ts

@@ -38,28 +38,11 @@ export function useTokenList(tokens: IBridgeToken[] = [], keyword?: string) {
     const sortedTokens = sortTokens({
       tokens: tmpTokens,
       orders: transferConfig.order?.tokens,
-    })
-      .sort((a, b) => {
-        if (keyword) {
-          const isA = isChainOrTokenCompatible(a);
-          const isB = isChainOrTokenCompatible(b);
-          const findA = a.displaySymbol?.toLowerCase()?.includes(keyword?.toLowerCase());
-          const findB = b.displaySymbol?.toLowerCase()?.includes(keyword?.toLowerCase());
-
-          if (findA && isA) {
-            return -1;
-          }
-          if (findB && isB) {
-            return 1;
-          }
-        }
-        return 0;
-      })
-      .sort((a) => {
-        return isSameAddress(a.address, selectedToken?.address) && isChainOrTokenCompatible(a)
-          ? -1
-          : 0;
-      });
+    }).sort((a) => {
+      return isSameAddress(a.address, selectedToken?.address) && isChainOrTokenCompatible(a)
+        ? -1
+        : 0;
+    });
 
     return sortedTokens;
   }, [
@@ -68,7 +51,6 @@ export function useTokenList(tokens: IBridgeToken[] = [], keyword?: string) {
     getTokenBalance,
     getTokenPrice,
     selectedToken?.address,
-    keyword,
   ]);
 
   return { data: sortedTokens, isLoading: isLoadingTokenBalances || isLoadingTokenPrices };