refactor: update error capture method to disable relay connection errors to be catched

src/components/notifications/AppExplorer/AppCard/index.tsx

@@ -7,7 +7,7 @@ import SpannerSVG from '@/assets/Spanner.svg'
 import Badge from '@/components/general/Badge'
 import Text from '@/components/general/Text'
 import W3iContext from '@/contexts/W3iContext/context'
-import { logError } from '@/utils/error'
+import { getErrorMessage, logError } from '@/utils/error'
 import { showErrorMessageToast, showSuccessMessageToast } from '@/utils/toasts'
 
 import SubscribeButton from './SubscribeButton'
@@ -69,9 +69,10 @@ const AppCard: React.FC<AppCardProps> = ({
           appDomain: new URL(url).host
         })
       } catch (error) {
+        const message = getErrorMessage(error, `Failed to subscribe to ${name}`)
         logError(error)
         setSubscribing(false)
-        showErrorMessageToast(`Failed to subscribe to ${name}`)
+        showErrorMessageToast(message)
       }
     },
     [userPubkey, name, description, logo, url, setSubscribing, subscribed, notifyClientProxy]

src/utils/error.ts

@@ -1,6 +1,26 @@
 import { captureException } from '@sentry/react'
 
-export const logError = (error: any) => {
+const errorCodeMessageMap = {
+  socketStalled: 'Socket stalled when trying to connect to wss://relay.walletconnect.org'
+}
+
+export const getErrorMessage = (error: unknown, defaultMessage: string) => {
+  if (error?.message?.includes('timeout')) {
+    return 'Failed to subscribe, check your connection and try again'
+  }
+
+  switch (error?.message) {
+    case errorCodeMessageMap.socketStalled:
+      return 'Failed to subscribe, check your connection and try again'
+    default:
+      return defaultMessage || error?.message
+  }
+}
+
+export const logError = (error: unknown) => {
   console.error(error)
+  if (error?.message === errorCodeMessageMap.socketStalled) {
+    return
+  }
   captureException(error)
 }