9c1fe53e4b
* initial refactoring * rebase lint error * start implementing reducer * multicall reducer * working multicall! * clean up performance, re-fix annoying error * use multicall everywhere * use multicall for balances * fix lint warning * Use checksummed address * Fix strict warning * get it to a working state with the more generic form * convert useETHBalances * Remove the eth-scan contract completely * Remove the eth-scan contract completely more * Default export * Put the encoding/decoding in the methods that can do it most efficiently * Avoid duplicate fetches via debounce * Reduce delay to something less noticeable * Return null if pair reserves are undefined to indicate it does not exist
95 lines
3.0 KiB
TypeScript
95 lines
3.0 KiB
TypeScript
import { Web3Provider } from '@ethersproject/providers'
|
|
import { useWeb3React as useWeb3ReactCore } from '@web3-react/core'
|
|
import { useEffect, useState } from 'react'
|
|
import { isMobile } from 'react-device-detect'
|
|
import { injected } from '../connectors'
|
|
import { NetworkContextName } from '../constants'
|
|
|
|
export function useActiveWeb3React() {
|
|
const context = useWeb3ReactCore<Web3Provider>()
|
|
const contextNetwork = useWeb3ReactCore<Web3Provider>(NetworkContextName)
|
|
return context.active ? context : contextNetwork
|
|
}
|
|
|
|
export function useEagerConnect() {
|
|
const { activate, active } = useWeb3ReactCore() // specifically using useWeb3ReactCore because of what this hook does
|
|
const [tried, setTried] = useState(false)
|
|
|
|
useEffect(() => {
|
|
injected.isAuthorized().then(isAuthorized => {
|
|
if (isAuthorized) {
|
|
activate(injected, undefined, true).catch(() => {
|
|
setTried(true)
|
|
})
|
|
} else {
|
|
if (isMobile && window.ethereum) {
|
|
activate(injected, undefined, true).catch(() => {
|
|
setTried(true)
|
|
})
|
|
} else {
|
|
setTried(true)
|
|
}
|
|
}
|
|
})
|
|
}, [activate]) // intentionally only running on mount (make sure it's only mounted once :))
|
|
|
|
// if the connection worked, wait until we get confirmation of that to flip the flag
|
|
useEffect(() => {
|
|
if (active) {
|
|
setTried(true)
|
|
}
|
|
}, [active])
|
|
|
|
return tried
|
|
}
|
|
|
|
/**
|
|
* Use for network and injected - logs user in
|
|
* and out after checking what network theyre on
|
|
*/
|
|
export function useInactiveListener(suppress = false) {
|
|
const { active, error, activate } = useWeb3ReactCore() // specifically using useWeb3React because of what this hook does
|
|
|
|
useEffect(() => {
|
|
const { ethereum } = window
|
|
|
|
if (ethereum && ethereum.on && !active && !error && !suppress) {
|
|
const handleChainChanged = () => {
|
|
// eat errors
|
|
activate(injected, undefined, true).catch(error => {
|
|
console.error('Failed to activate after chain changed', error)
|
|
})
|
|
}
|
|
|
|
const handleAccountsChanged = (accounts: string[]) => {
|
|
if (accounts.length > 0) {
|
|
// eat errors
|
|
activate(injected, undefined, true).catch(error => {
|
|
console.error('Failed to activate after accounts changed', error)
|
|
})
|
|
}
|
|
}
|
|
|
|
const handleNetworkChanged = () => {
|
|
// eat errors
|
|
activate(injected, undefined, true).catch(error => {
|
|
console.error('Failed to activate after networks changed', error)
|
|
})
|
|
}
|
|
|
|
ethereum.on('chainChanged', handleChainChanged)
|
|
ethereum.on('networkChanged', handleNetworkChanged)
|
|
ethereum.on('accountsChanged', handleAccountsChanged)
|
|
|
|
return () => {
|
|
if (ethereum.removeListener) {
|
|
ethereum.removeListener('chainChanged', handleChainChanged)
|
|
ethereum.removeListener('networkChanged', handleNetworkChanged)
|
|
ethereum.removeListener('accountsChanged', handleAccountsChanged)
|
|
}
|
|
}
|
|
}
|
|
return
|
|
}, [active, error, suppress, activate])
|
|
}
|