ButterflyEffect/uniswap-interface-uncensored
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: restrict @davatar usage to avoid 3p fetches (#2649)

Browse Source
This commit is contained in:
Zach Pomerantz 2021-10-20 09:19:19 -07:00 committed by GitHub
parent 5e8d725e0e
commit 9cacd577e7
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 13 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
src/components/Identicon/index.tsx
View File

@ -1,4 +1,5 @@
import Davatar from '@davatar/react'
import Davatar, { Image } from '@davatar/react'
import { useMemo } from 'react'
import styled from 'styled-components/macro'
import { useActiveWeb3React } from '../../hooks/web3'
@ -13,10 +14,19 @@ const StyledIdenticonContainer = styled.div`
export default function Identicon() {
const { account, library } = useActiveWeb3React()
// https://github.com/DefinitelyTyped/DefinitelyTyped/issues/30451
// restrict usage of Davatar until it stops sending 3p requests
// see https://github.com/metaphor-xyz/davatar-helpers/issues/18
const supportsENS = useMemo(() => {
return ([1, 3, 4, 5] as Array<number | undefined>).includes(library?.network.chainId)
}, [library])
return (
<StyledIdenticonContainer>
{account && library?.provider && <Davatar address={account} size={16} provider={library.provider} />}
{account && supportsENS ? (
<Davatar address={account} size={16} provider={library} />
) : (
<Image address={account} size={16} />
)}
</StyledIdenticonContainer>
)
}