feat: add filter unsupport chains from config

src/components/WalletsModal/SelectChainSection/SelectChainSection.tsx

@@ -27,6 +27,11 @@ export const SelectChainSection = ({
 }: IProps) => {
   const context = useContext(WalletsContext)
 
+  const visibleChainOptions = useMemo(() => {
+    const hiddenChains = context?.hiddenChains || []
+    return CHAIN_OPTIONS.filter((chain) => !hiddenChains.includes(chain.value))
+  }, [context?.hiddenChains])
+
   const preSelectedChains = useMemo(() => {
     const injectedChains = context?.getInjectedChains()
     const connectedChains = injectedChains?.xdefi || injectedChains?.ctrl || []
@@ -160,7 +165,7 @@ export const SelectChainSection = ({
   return (
     <Container>
       <ChainContainer className='walletconnect__select-chain--container'>
-        {CHAIN_OPTIONS.map((chain) => (
+        {visibleChainOptions.map((chain) => (
           <ChainCard
             key={chain.value}
             icon={chain.icon}

src/helpers/types.ts

@@ -74,6 +74,7 @@ export interface IWeb3Providers {
 
 export interface IConnectorOptions {
   connectorDefaultChains: 'all' | IChainType[]
+  hiddenChains?: IChainType[]
 }
 
 export interface IProviderInfo {

src/wallets/index.ts

@@ -16,7 +16,8 @@ import { WalletConnect } from '../core'
 import { providers } from 'src/providers'
 
 const defaultConnectorOptions: IConnectorOptions = {
-  connectorDefaultChains: 'all'
+  connectorDefaultChains: 'all',
+  hiddenChains: []
 }
 
 export class WalletsConnector {
@@ -120,6 +121,10 @@ export class WalletsConnector {
     return this.connectorOptions.connectorDefaultChains
   }
 
+  get hiddenChains() {
+    return this.connectorOptions.hiddenChains || []
+  }
+
   private getSavedEthereumProvider = (providerId: string) => {
     return this.currentProviders[providerId]
   }