feat: log is expert mode in amplitude user model (#4284)

* log is expert mode in amplitude user model

* remove extra

src/components/AmplitudeAnalytics/constants.ts

@@ -31,6 +31,7 @@ export enum CUSTOM_USER_PROPERTIES {
   ALL_WALLET_CHAIN_IDS = 'all_wallet_chain_ids',
   BROWSER = 'browser',
   DARK_MODE = 'is_dark_mode',
+  EXPERT_MODE = 'is_expert_mode',
   SCREEN_RESOLUTION_HEIGHT = 'screen_resolution_height',
   SCREEN_RESOLUTION_WIDTH = 'screen_resolution_width',
   WALLET_ADDRESS = 'wallet_address',

src/pages/App.tsx

@@ -18,6 +18,7 @@ import ErrorBoundary from '../components/ErrorBoundary'
 import Header from '../components/Header'
 import Polling from '../components/Header/Polling'
 import Popups from '../components/Popups'
+import { useIsExpertMode } from '../state/user/hooks'
 import DarkModeQueryParamReader from '../theme/DarkModeQueryParamReader'
 import AddLiquidity from './AddLiquidity'
 import { RedirectDuplicateTokenIds } from './AddLiquidity/redirects'
@@ -90,6 +91,7 @@ export default function App() {
   const { pathname } = useLocation()
   const currentPage = getCurrentPageFromLocation(pathname)
   const isDarkMode = useIsDarkMode()
+  const isExpertMode = useIsExpertMode()
 
   useAnalyticsReporter()
   initializeAnalytics()
@@ -110,6 +112,10 @@ export default function App() {
     user.set(CUSTOM_USER_PROPERTIES.DARK_MODE, isDarkMode)
   }, [isDarkMode])
 
+  useEffect(() => {
+    user.set(CUSTOM_USER_PROPERTIES.EXPERT_MODE, isExpertMode)
+  }, [isExpertMode])
+
   return (
     <ErrorBoundary>
       <DarkModeQueryParamReader />