fix networks (#1731)

src/@context/MarketMetadata/_types.ts

@@ -9,6 +9,7 @@ export interface AppConfig {
   metadataCacheUri: string
   infuraProjectId: string
   chainIds: number[]
+  chainIdsSupported: number[]
   marketFeeAddress: string
   publisherMarketOrderFee: string
   publisherMarketFixedSwapFee: string

src/@context/Web3.tsx

@@ -360,12 +360,12 @@ function Web3Provider({ children }: { children: ReactNode }): ReactElement {
   // -----------------------------------
 
   useEffect(() => {
-    if (appConfig.chainIds.includes(networkId)) {
+    if (appConfig.chainIdsSupported.includes(networkId)) {
       setIsSupportedOceanNetwork(true)
     } else {
       setIsSupportedOceanNetwork(false)
     }
-  }, [networkId, appConfig.chainIds])
+  }, [networkId, appConfig.chainIdsSupported])
 
   // -----------------------------------
   // Handle change events

src/components/@shared/Page/Seo/DatasetSchema.tsx

@@ -12,7 +12,7 @@ const DatasetSchema = (): object => {
 
   const networksMain = filterNetworksByType(
     'mainnet',
-    appConfig.chainIds,
+    appConfig.chainIdsSupported,
     networksList
   )
 

src/components/Header/UserPreferences/Networks/index.tsx

@@ -20,13 +20,13 @@ export default function Networks(): ReactElement {
 
   const networksMain = filterNetworksByType(
     'mainnet',
-    appConfig.chainIds,
+    appConfig.chainIdsSupported,
     networksList
   )
 
   const networksTest = filterNetworksByType(
     'testnet',
-    appConfig.chainIds,
+    appConfig.chainIdsSupported,
     networksList
   )
 

src/components/Publish/AvailableNetworks/index.tsx

@@ -13,20 +13,19 @@ export default function AvailableNetworks(): ReactElement {
 
   const networksMain = filterNetworksByType(
     'mainnet',
-    appConfig.chainIds,
+    appConfig.chainIdsSupported,
     networksList
   )
 
   const networksTest = filterNetworksByType(
     'testnet',
-    appConfig.chainIds,
+    appConfig.chainIdsSupported,
     networksList
   )
   const networkCategories = [
     { title: 'Main', data: networksMain },
     { title: 'Test', data: networksTest }
   ]
-
   const networkList = (networks: number[]) =>
     networks.map((chainId) => (
       <li key={chainId}>