chore(monitoring): trm cleanup (#3783)

* remove old monitoring code

* cleanup

* remove unneeded .then

src/components/AccountDetails/Copy.tsx

@@ -39,6 +39,8 @@ export default function CopyHelper({ color, toCopy, children }: CopyHelperProps)
 
   return (
     <CopyIcon onClick={copy} color={color}>
+      {isCopied ? '' : children}
+      &nbsp;
       {isCopied ? (
         <TransactionStatusText>
           <CheckCircle size={'12'} />
@@ -51,8 +53,6 @@ export default function CopyHelper({ color, toCopy, children }: CopyHelperProps)
           <Copy size={'12'} />
         </TransactionStatusText>
       )}
-      &nbsp;
-      {isCopied ? '' : children}
     </CopyIcon>
   )
 }

src/components/TopLevelModals/index.tsx

@@ -13,11 +13,11 @@ export default function TopLevelModals() {
   const { account } = useActiveWeb3React()
 
   useAccountRiskCheck(account)
-
+  const open = Boolean(blockedAccountModalOpen && account)
   return (
     <>
       <AddressClaimModal isOpen={addressClaimOpen} onDismiss={addressClaimToggle} />
-      <ConnectedAccountBlocked account={account} isOpen={Boolean(blockedAccountModalOpen && account)} />
+      <ConnectedAccountBlocked account={account} isOpen={open} />
     </>
   )
 }

src/components/WalletModal/index.tsx

@@ -2,7 +2,6 @@ import { Trans } from '@lingui/macro'
 import { AutoColumn } from 'components/Column'
 import { PrivacyPolicy } from 'components/PrivacyPolicy'
 import Row, { AutoRow, RowBetween } from 'components/Row'
-import { useWalletConnectMonitoringEventCallback } from 'hooks/useMonitoringEventCallback'
 import { useEffect, useState } from 'react'
 import { ArrowLeft, ArrowRight, Info } from 'react-feather'
 import ReactGA from 'react-ga4'
@@ -151,8 +150,6 @@ export default function WalletModal({
 
   const previousAccount = usePrevious(account)
 
-  const logMonitoringEvent = useWalletConnectMonitoringEventCallback()
-
   // close on connection, when logged out before
   useEffect(() => {
     if (account && !previousAccount && walletModalOpen) {
@@ -200,12 +197,7 @@ export default function WalletModal({
     }
 
     connector &&
-      activate(connector, undefined, true)
-        .then(async () => {
-          const walletAddress = await connector.getAccount()
-          logMonitoringEvent({ walletAddress })
-        })
-        .catch((error) => {
+      activate(connector, undefined, true).catch((error) => {
         if (error instanceof UnsupportedChainIdError) {
           activate(connector) // a little janky...can't use setError because the connector isn't set
         } else {

src/hooks/useMonitoringEventCallback.ts

-import { TransactionResponse } from '@ethersproject/providers'
-import { initializeApp } from 'firebase/app'
-import { getDatabase, push, ref } from 'firebase/database'
-import useActiveWeb3React from 'hooks/useActiveWeb3React'
-import { useCallback } from 'react'
-import { TransactionInfo, TransactionType } from 'state/transactions/types'
-
-type PartialTransactionResponse = Pick<TransactionResponse, 'hash' | 'v' | 'r' | 's'>
-
-const SUPPORTED_TRANSACTION_TYPES = [
-  TransactionType.ADD_LIQUIDITY_V2_POOL,
-  TransactionType.ADD_LIQUIDITY_V3_POOL,
-  TransactionType.CREATE_V3_POOL,
-  TransactionType.REMOVE_LIQUIDITY_V3,
-  TransactionType.SWAP,
-]
-
-const FIREBASE_API_KEY = process.env.REACT_APP_FIREBASE_KEY
-const firebaseEnabled = typeof FIREBASE_API_KEY !== 'undefined'
-if (firebaseEnabled) initializeFirebase()
-
-function useMonitoringEventCallback() {
-  const { chainId } = useActiveWeb3React()
-
-  return useCallback(
-    async function log(
-      type: string,
-      {
-        transactionResponse,
-        walletAddress,
-      }: { transactionResponse: PartialTransactionResponse; walletAddress: string | undefined }
-    ) {
-      if (!firebaseEnabled) return
-
-      const db = getDatabase()
-
-      if (!walletAddress) {
-        console.debug('Wallet address required to log monitoring events.')
-        return
-      }
-      try {
-        push(ref(db, 'trm'), {
-          chainId,
-          origin: window.location.origin,
-          timestamp: Date.now(),
-          tx: transactionResponse,
-          type,
-          walletAddress,
-        })
-      } catch (e) {
-        console.debug('Error adding document: ', e)
-      }
-    },
-    [chainId]
-  )
-}
-
-export function useTransactionMonitoringEventCallback() {
-  const { account } = useActiveWeb3React()
-  const log = useMonitoringEventCallback()
-
-  return useCallback(
-    (info: TransactionInfo, transactionResponse: TransactionResponse) => {
-      if (SUPPORTED_TRANSACTION_TYPES.includes(info.type)) {
-        log(TransactionType[info.type], {
-          transactionResponse: (({ hash, v, r, s }: PartialTransactionResponse) => ({ hash, v, r, s }))(
-            transactionResponse
-          ),
-          walletAddress: account ?? undefined,
-        })
-      }
-    },
-    [account, log]
-  )
-}
-
-export function useWalletConnectMonitoringEventCallback() {
-  const log = useMonitoringEventCallback()
-
-  return useCallback(
-    (walletAddress) => {
-      log('WALLET_CONNECTED', { transactionResponse: { hash: '', r: '', s: '', v: -1 }, walletAddress })
-    },
-    [log]
-  )
-}
-
-function initializeFirebase() {
-  initializeApp({
-    apiKey: process.env.REACT_APP_FIREBASE_KEY,
-    authDomain: 'interface-monitoring.firebaseapp.com',
-    databaseURL: 'https://interface-monitoring-default-rtdb.firebaseio.com',
-    projectId: 'interface-monitoring',
-    storageBucket: 'interface-monitoring.appspot.com',
-    messagingSenderId: '968187720053',
-    appId: '1:968187720053:web:acedf72dce629d470be33c',
-  })
-}

src/state/transactions/hooks.tsx

 import { TransactionResponse } from '@ethersproject/providers'
 import { Token } from '@uniswap/sdk-core'
 import useActiveWeb3React from 'hooks/useActiveWeb3React'
-import { useTransactionMonitoringEventCallback } from 'hooks/useMonitoringEventCallback'
 import { useCallback, useMemo } from 'react'
 import { useAppDispatch, useAppSelector } from 'state/hooks'
 
@@ -13,8 +12,6 @@ export function useTransactionAdder(): (response: TransactionResponse, info: Tra
   const { chainId, account } = useActiveWeb3React()
   const dispatch = useAppDispatch()
 
-  const logMonitoringEvent = useTransactionMonitoringEventCallback()
-
   return useCallback(
     (response: TransactionResponse, info: TransactionInfo) => {
       if (!account) return
@@ -25,10 +22,8 @@ export function useTransactionAdder(): (response: TransactionResponse, info: Tra
         throw Error('No transaction hash found.')
       }
       dispatch(addTransaction({ hash, from: account, info, chainId }))
-
-      logMonitoringEvent(info, response)
     },
-    [account, chainId, dispatch, logMonitoringEvent]
+    [account, chainId, dispatch]
   )
 }