feat: add watchlist mixpanel tracking (#8023)

shapeshift · Oct 30, 2024 · 918708f · 918708f
1 parent 447c701
commit 918708f
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 0 deletions.
diff --git a/src/lib/mixpanel/types.ts b/src/lib/mixpanel/types.ts
@@ -61,6 +61,7 @@ export enum MixPanelEvent {
   LpIncompleteWithdrawPreview = 'LP Incomplete Withdraw Preview',
   LpIncompleteWithdrawConfirm = 'LP Incomplete Withdraw Confirm',
   CustomAssetAdded = 'Custom Asset Added',
+  ToggleWatchAsset = 'Toggle Watch Asset',
 }
 
 export type TrackOpportunityProps = {

diff --git a/src/state/slices/preferencesSlice/preferencesSlice.ts b/src/state/slices/preferencesSlice/preferencesSlice.ts
@@ -7,6 +7,8 @@ import dayjs from 'dayjs'
 import localizedFormat from 'dayjs/plugin/localizedFormat'
 import { simpleLocale } from 'lib/browserLocale'
 import type { SupportedFiatCurrencies } from 'lib/market-service'
+import { getMixPanel } from 'lib/mixpanel/mixPanelSingleton'
+import { MixPanelEvent } from 'lib/mixpanel/types'
 
 dayjs.extend(localizedFormat)
 
@@ -217,6 +219,11 @@ export const preferences = createSlice({
       } else {
         state.watchedAssets = state.watchedAssets.concat(payload)
       }
+
+      getMixPanel()?.track(MixPanelEvent.ToggleWatchAsset, {
+        assetId: payload,
+        isAdding: !isWatched,
+      })
     },
     setHomeMarketView(state, { payload }: { payload: HomeMarketView }) {
       state.selectedHomeView = payload