From 81b8afdd3d73e0eea8f8251eab8a5e293c84d2e3 Mon Sep 17 00:00:00 2001
From: Jordan Frankfurt <jordanwfrankfurt@gmail.com>
Date: Mon, 27 Sep 2021 12:02:56 -0400
Subject: [PATCH] fix: set custom dimension on chainId change (#2440)

* set custom dimension on chainId change

* make it more clear that 1 is mainnet

* 0 fallback chainId
---
 src/components/analytics/GoogleAnalyticsReporter.tsx | 7 +++++++
 1 file changed, 7 insertions(+)

diff --git a/src/components/analytics/GoogleAnalyticsReporter.tsx b/src/components/analytics/GoogleAnalyticsReporter.tsx
index faa0367f4..020d4d320 100644
--- a/src/components/analytics/GoogleAnalyticsReporter.tsx
+++ b/src/components/analytics/GoogleAnalyticsReporter.tsx
@@ -1,3 +1,5 @@
+import { SupportedChainId } from 'constants/chains'
+import { useActiveWeb3React } from 'hooks/web3'
 import { useEffect } from 'react'
 import ReactGA from 'react-ga'
 import { RouteComponentProps } from 'react-router-dom'
@@ -21,6 +23,11 @@ export default function GoogleAnalyticsReporter({ location: { pathname, search }
     getCLS(reportWebVitals)
   }, [])
 
+  const { chainId } = useActiveWeb3React()
+  useEffect(() => {
+    ReactGA.set({ ['Chain ID']: chainId ?? 0 })
+  }, [chainId])
+
   useEffect(() => {
     ReactGA.pageview(`${pathname}${search}`)
   }, [pathname, search])