1
0
mirror of https://github.com/oceanprotocol/market.git synced 2024-12-02 05:57:29 +01:00

make initial network switching based on user network work

This commit is contained in:
Matthias Kretschmann 2020-10-23 13:15:15 +02:00
parent 866e790740
commit 6837a459e1
Signed by: m
GPG Key ID: 606EEEF3C479A91F

View File

@ -2,12 +2,15 @@ import React, { ReactElement, useEffect } from 'react'
import { useOcean } from '@oceanprotocol/react'
import { getOceanConfig } from './wrapRootElement'
import { Logger } from '@oceanprotocol/lib'
import { ConfigHelperConfig } from '@oceanprotocol/lib/dist/node/utils/ConfigHelper'
export function NetworkMonitor(): ReactElement {
const { connect, web3Provider } = useOcean()
const { connect, web3Provider, web3, networkId, config } = useOcean()
async function handleNetworkChanged(chainId: string) {
const initialNewConfig = getOceanConfig(Number(chainId.replace('0x', '')))
async function handleNetworkChanged(chainId: string | number) {
const initialNewConfig = getOceanConfig(
typeof chainId === 'string' ? Number(chainId.replace('0x', '')) : chainId
)
const newConfig = {
...initialNewConfig,
@ -28,20 +31,22 @@ export function NetworkMonitor(): ReactElement {
}
}
// Re-connect on mount when network is different from user network
// useEffect(() => {
// if (!web3 || !networkId) return
// Re-connect on mount when network is different from user network.
// Bit nasty to just overwrite the initialConfig passed to OceanProvider
// while it's connecting to that, but YOLO.
useEffect(() => {
if (!web3 || !networkId) return
// async function init() {
// if (
// (await web3.eth.getChainId()) ===
// (config as ConfigHelperConfig).networkId
// )
// return
// await handleNetworkChanged(networkId)
// }
// init()
// }, [web3, networkId])
async function init() {
if (
(await web3.eth.getChainId()) ===
(config as ConfigHelperConfig).networkId
)
return
await handleNetworkChanged(networkId)
}
init()
}, [web3, networkId])
// Handle network change events
useEffect(() => {