[SENTRY] Context and error description cleanup (#361)

* sentry updater

* simplify error description

* simpler networl

* remove user address sentry logging

src/custom/state/sentry/updater/index.ts

@@ -0,0 +1,49 @@
+import { useEffect } from 'react'
+import * as Sentry from '@sentry/browser'
+
+import useIsWindowVisible from 'hooks/useIsWindowVisible'
+import { useSwapState } from 'state/swap/hooks'
+import { SupportedChainId } from 'constants/chains'
+import { useCurrency } from 'hooks/Tokens'
+import { useWalletInfo } from 'hooks/useWalletInfo'
+
+export default function Updater(): null {
+  const { account, chainId, walletName, isSupportedWallet } = useWalletInfo()
+  const windowVisible = useIsWindowVisible()
+
+  const {
+    INPUT: { currencyId: sellTokenAddress },
+    OUTPUT: { currencyId: buyTokenAddress },
+  } = useSwapState()
+
+  const sellCurrency = useCurrency(sellTokenAddress)
+  const buyCurrency = useCurrency(buyTokenAddress)
+
+  // create sentry context based on "main" parameters
+  useEffect(() => {
+    if (windowVisible) {
+      Sentry.setContext('user', {
+        // userAddress: account || 'DISCONNECTED', // TODO: validate with legal
+        wallet: walletName,
+        network: chainId ? SupportedChainId[chainId] : chainId,
+        sellToken: `${sellTokenAddress} <${sellCurrency?.symbol}>`,
+        buyToken: `${buyTokenAddress} <${buyCurrency?.symbol}>`,
+      })
+    }
+  }, [
+    // user
+    account,
+    chainId,
+    walletName,
+    isSupportedWallet,
+    // tokens
+    sellTokenAddress,
+    buyTokenAddress,
+    buyCurrency?.symbol,
+    sellCurrency?.symbol,
+    // window visibility check
+    windowVisible,
+  ])
+
+  return null
+}

src/custom/utils/price.ts

@@ -236,11 +236,9 @@ export async function getBestPrice(params: PriceQuoteParams, options?: GetBestPr
       matcha0xPriceResult,
     ])
 
-    const { baseToken, quoteToken } = params
-
     const sentryError = new Error()
     Object.assign(sentryError, priceQuoteError, {
-      message: `Error querying best price from APIs - baseToken: ${baseToken}, quoteToken: ${quoteToken}`,
+      message: `Error querying best price from APIs`,
       name: 'PriceErrorObject',
     })
 

src/index.tsx

@@ -22,6 +22,8 @@ import EnhancedTransactionUpdater from 'state/enhancedTransactions/updater'
 import UserUpdater from 'state/user/updater'
 import FeesUpdater from 'state/price/updater'
 import GasUpdater from 'state/gas/updater'
+import SentryUpdater from 'state/sentry/updater'
+
 import {
   GpOrdersUpdater,
   CancelledOrdersUpdater,
@@ -62,6 +64,7 @@ function Updaters() {
       <GpOrdersUpdater />
       <GasUpdater />
       <LogsUpdater />
+      <SentryUpdater />
     </>
   )
 }