chore: merge main into explore (#3970)

* chore(deps): bump token-lists (#3929)

* feat: empty to deploy 628417f (#3962)

feat: empty to deploy

* feat: fix metamask mobile browser connection (#3964)

* fix metamask

* forceActivate

* remove forceActivate

* unused change

* feat(risk): cache risk check with ttl (#3965)

Co-authored-by: matteenm <105068213+matteenm@users.noreply.github.com>
Co-authored-by: Vignesh Mohankumar <vignesh@vigneshmohankumar.com>

Author: 3 people

src/components/Web3Provider/index.tsx

@@ -1,9 +1,11 @@
 import { Web3ReactProvider } from '@web3-react/core'
 import { Connector } from '@web3-react/types'
-import { BACKFILLABLE_WALLETS, getConnectorForWallet, gnosisSafe, network, useConnectors } from 'connectors'
+import { BACKFILLABLE_WALLETS, getConnectorForWallet, gnosisSafe, injected, network, useConnectors } from 'connectors'
 import { ReactNode, useEffect } from 'react'
 import { useAppSelector } from 'state/hooks'
 
+import { isMobile } from '../../utils/userAgent'
+
 const connect = async (connector: Connector) => {
   try {
     if (connector.connectEagerly) {
@@ -22,11 +24,15 @@ export default function Web3Provider({ children }: { children: ReactNode }) {
 
   const connectors = useConnectors(selectedWallet)
 
+  const isMetaMask = !!window.ethereum?.isMetaMask
+
   useEffect(() => {
     connect(gnosisSafe)
     connect(network)
 
-    if (selectedWallet) {
+    if (isMobile && isMetaMask) {
+      injected.activate()
+    } else if (selectedWallet) {
       connect(getConnectorForWallet(selectedWallet))
     } else if (!selectedWalletBackfilled) {
       BACKFILLABLE_WALLETS.map(getConnectorForWallet).forEach(connect)

src/hooks/useAccountRiskCheck.ts

@@ -1,4 +1,5 @@
 import { sendEvent } from 'components/analytics'
+import ms from 'ms.macro'
 import { useEffect } from 'react'
 import { ApplicationModal, setOpenModal } from 'state/application/reducer'
 import { useAppDispatch } from 'state/hooks'
@@ -8,26 +9,34 @@ export default function useAccountRiskCheck(account: string | null | undefined)
 
   useEffect(() => {
     if (account) {
-      const headers = new Headers({ 'Content-Type': 'application/json' })
-      fetch('https://screening-worker.uniswap.workers.dev', {
-        method: 'POST',
-        headers,
-        body: JSON.stringify({ address: account }),
-      })
-        .then((res) => res.json())
-        .then((data) => {
-          if (data.block) {
-            dispatch(setOpenModal(ApplicationModal.BLOCKED_ACCOUNT))
-            sendEvent({
-              category: 'Address Screening',
-              action: 'blocked',
-              label: account,
+      const riskCheckLocalStorageKey = `risk-check-${account}`
+      const now = Date.now()
+      try {
+        const storedTime = localStorage.getItem(riskCheckLocalStorageKey)
+        const checkExpirationTime = storedTime ? parseInt(storedTime) : now - 1
+        if (checkExpirationTime < Date.now()) {
+          const headers = new Headers({ 'Content-Type': 'application/json' })
+          fetch('https://screening-worker.uniswap.workers.dev', {
+            method: 'POST',
+            headers,
+            body: JSON.stringify({ address: account }),
+          })
+            .then((res) => res.json())
+            .then((data) => {
+              if (data.block) {
+                dispatch(setOpenModal(ApplicationModal.BLOCKED_ACCOUNT))
+                sendEvent({
+                  category: 'Address Screening',
+                  action: 'blocked',
+                  label: account,
+                })
+              }
             })
-          }
-        })
-        .catch(() => {
-          dispatch(setOpenModal(null))
-        })
+            .catch(() => dispatch(setOpenModal(null)))
+        }
+      } finally {
+        localStorage.setItem(riskCheckLocalStorageKey, (now + ms`7 days`).toString())
+      }
     }
   }, [account, dispatch])
 }