diff --git a/example/src/AllDdos.tsx b/example/src/AllDdos.tsx index dc49ad0..289d31d 100644 --- a/example/src/AllDdos.tsx +++ b/example/src/AllDdos.tsx @@ -5,7 +5,7 @@ import { useState } from 'react' import { useEffect } from 'react' import shortid from 'shortid' export function AllDdos() { - const { accountId, account, ocean } = useOcean() + const { accountId,chainId, account, ocean } = useOcean() const [ddos, setDdos] = useState() @@ -23,7 +23,7 @@ export function AllDdos() { setDdos(assets.results) } init() - }, [ocean, account]) + }, [ocean, account,chainId]) return ( <> diff --git a/example/src/NetworkMonitor.tsx b/example/src/NetworkMonitor.tsx index d14abe2..827f9b4 100644 --- a/example/src/NetworkMonitor.tsx +++ b/example/src/NetworkMonitor.tsx @@ -6,9 +6,20 @@ import { useEffect } from 'react' export function NetworkMonitor() { const { connect, web3Provider } = useOcean() - const handleNetworkChanged = () => { + const handleNetworkChanged = (chainId: number) => { // const config = getOceanConfig(chainId) - const config = new ConfigHelper().getConfig('rinkeby') + // temp hack + let network = '' + switch (chainId) { + case 1: + { + network = 'mainnet' + } + case 4: { + network = 'rinkeby' + } + } + const config = new ConfigHelper().getConfig(network) connect(config) } useEffect(() => { diff --git a/src/providers/OceanProvider/OceanProvider.tsx b/src/providers/OceanProvider/OceanProvider.tsx index d5378e1..8c1d2b4 100644 --- a/src/providers/OceanProvider/OceanProvider.tsx +++ b/src/providers/OceanProvider/OceanProvider.tsx @@ -28,7 +28,7 @@ interface OceanProviderValue { balance: Balance chainId: number | undefined status: ProviderStatus - connect: (config: Config) => Promise + connect: (config?: Config) => Promise logout: () => Promise refreshBalance: () => Promise } @@ -88,7 +88,7 @@ function OceanProvider({ async function connect(newConfig?: Config) { try { - Logger.log('Connecting ...') + Logger.log('Connecting ...',newConfig) newConfig && setConfig(newConfig) @@ -103,8 +103,8 @@ function OceanProvider({ setChainId(chainId) Logger.log('chain id ', chainId) - newConfig.web3Provider = web3 - const ocean = await Ocean.getInstance(newConfig) + config.web3Provider = web3 + const ocean = await Ocean.getInstance(config) setOcean(ocean) Logger.log('Ocean instance created.', ocean)