feat: remove experimental chain filtering (#83)

* feat: remove experimental chain filtering

* feat: use arbitrum-mainnet as default network

* fix: correct indentation in subgraph URLs for Arbitrum chains

Author: ErwanDecoster

src/components/navbar/ChainSelector.tsx

@@ -1,7 +1,3 @@
-import { LOCAL_STORAGE_PREFIX } from '@/config.ts';
-import { useSearch } from '@tanstack/react-router';
-import { useEffect } from 'react';
-import useLocalStorageState from 'use-local-storage-state';
 import { useChainSwitch } from '@/hooks/useChainSwitch.ts';
 import useUserStore from '@/stores/useUser.store.ts';
 import { getSupportedChains } from '@/utils/chain.utils.ts';
@@ -16,19 +12,8 @@ import {
 export function ChainSelector({ className }: { className?: string }) {
   const { chainId } = useUserStore();
   const { requestChainChange } = useChainSwitch();
-  const search = useSearch({ strict: false });
-  const [, setExperimental] = useLocalStorageState<boolean>(
-    `${LOCAL_STORAGE_PREFIX}_experimental`,
-    { defaultValue: false }
-  );
-
-  useEffect(() => {
-    if (search?.feature === 'experimental') {
-      setExperimental(true);
-    }
-  }, [search?.feature, setExperimental]);
 
-  const filteredChains = getSupportedChains();
+  const chains = getSupportedChains();
 
   const handleChainChange = async (value: string) => {
     requestChainChange(Number(value));
@@ -44,7 +29,7 @@ export function ChainSelector({ className }: { className?: string }) {
         <SelectValue placeholder="Select Chain" />
       </SelectTrigger>
       <SelectContent className={className}>
-        {filteredChains.map((chain) => (
+        {chains.map((chain) => (
           <SelectItem
             key={chain.id}
             value={chain.id.toString()}

src/config.ts

@@ -14,24 +14,6 @@ export const IPFS_GATEWAY_URL = 'https://ipfs.iex.ec';
 export const API_COINGECKO_URL = 'https://api.coingecko.com/api/v3/simple/';
 
 export const SUPPORTED_CHAINS = [
-  {
-    id: 134,
-    name: 'Bellecour',
-    slug: 'bellecour',
-    color: '#95A4FC',
-    icon: iexecLogo,
-    blockExplorerUrl: 'https://blockscout-bellecour.iex.ec',
-    subgraphUrl: {
-      poco: 'https://thegraph.iex.ec/subgraphs/name/bellecour/poco-v5',
-      dataprotector:
-        'https://thegraph.iex.ec/subgraphs/name/bellecour/dataprotector-v2',
-    },
-    bridge: 'https://bridge-bellecour.iex.ec/',
-    bridgeInformation:
-      'Move your xRLC in your wallet between bellecour and Ethereum Mainnet with our bridge.',
-    wagmiNetwork: bellecour,
-    tokenSymbol: 'xRLC',
-  },
   {
     id: 42161,
     name: 'Arbitrum',
@@ -61,7 +43,24 @@ export const SUPPORTED_CHAINS = [
     },
     wagmiNetwork: arbitrumSepolia,
     tokenSymbol: 'RLC',
-    isExperimental: true,
+  },
+  {
+    id: 134,
+    name: 'Bellecour',
+    slug: 'bellecour',
+    color: '#95A4FC',
+    icon: iexecLogo,
+    blockExplorerUrl: 'https://blockscout-bellecour.iex.ec',
+    subgraphUrl: {
+      poco: 'https://thegraph.iex.ec/subgraphs/name/bellecour/poco-v5',
+      dataprotector:
+        'https://thegraph.iex.ec/subgraphs/name/bellecour/dataprotector-v2',
+    },
+    bridge: 'https://bridge-bellecour.iex.ec/',
+    bridgeInformation:
+      'Move your xRLC in your wallet between bellecour and Ethereum Mainnet with our bridge.',
+    wagmiNetwork: bellecour,
+    tokenSymbol: 'xRLC',
   },
 ];
 

src/utils/chain.utils.ts

@@ -1,21 +1,7 @@
-import { SUPPORTED_CHAINS, LOCAL_STORAGE_PREFIX } from '@/config';
-
-function isExperimentalEnabled(): boolean {
-  if (typeof window === 'undefined') return false;
-  try {
-    return (
-      localStorage.getItem(`${LOCAL_STORAGE_PREFIX}_experimental`) === 'true'
-    );
-  } catch {
-    return false;
-  }
-}
+import { SUPPORTED_CHAINS } from '@/config';
 
 export function getSupportedChains() {
-  const experimental = isExperimentalEnabled();
-  return SUPPORTED_CHAINS.filter(
-    (chain) => !chain.isExperimental || experimental
-  );
+  return SUPPORTED_CHAINS;
 }
 
 export function getSubgraphUrl(chainId: number) {