Add MixPanel tracking

secretkeylabs · Aug 1, 2024 · 94e4725 · 94e4725
1 parent 3423eea
commit 94e4725
Show file tree

Hide file tree

Showing 2 changed files with 22 additions and 2 deletions.
diff --git a/src/app/screens/swap/components/tokenFromBottomSheet/index.tsx b/src/app/screens/swap/components/tokenFromBottomSheet/index.tsx
@@ -1,7 +1,8 @@
 import TokenTile from '@components/tokenTile';
-import type { FungibleToken, Token } from '@secretkeylabs/xverse-core';
+import { AnalyticsEvents, type FungibleToken, type Token } from '@secretkeylabs/xverse-core';
 import { StyledP } from '@ui-library/common.styled';
 import Sheet from '@ui-library/sheet';
+import { trackMixPanel } from '@utils/mixpanel';
 import { useTranslation } from 'react-i18next';
 import styled from 'styled-components';
 import useFromTokens from './useFromTokens';
@@ -43,6 +44,9 @@ export default function TokenFromBottomSheet({ visible, title, onSelectCoin, onC
                 currency="BTC"
                 onPress={() => {
                   onSelectCoin(token);
+                  trackMixPanel(AnalyticsEvents.SelectTokenToSwapFrom, {
+                    token: 'Bitcoin',
+                  });
                   onClose();
                 }}
               />
@@ -56,6 +60,9 @@ export default function TokenFromBottomSheet({ visible, title, onSelectCoin, onC
                 currency="FT"
                 onPress={() => {
                   onSelectCoin(token);
+                  trackMixPanel(AnalyticsEvents.SelectTokenToSwapFrom, {
+                    token: token.name,
+                  });
                   onClose();
                 }}
                 fungibleToken={token}

diff --git a/src/app/screens/swap/components/tokenToBottomSheet/index.tsx b/src/app/screens/swap/components/tokenToBottomSheet/index.tsx
@@ -2,11 +2,18 @@ import TokenTile from '@components/tokenTile';
 import useDebounce from '@hooks/useDebounce';
 import { MagnifyingGlass } from '@phosphor-icons/react';
 import { mapFTProtocolToSwapProtocol, mapSwapTokenToFT } from '@screens/swap/utils';
-import type { FungibleToken, Protocol, Token, TokenBasic } from '@secretkeylabs/xverse-core';
+import {
+  AnalyticsEvents,
+  type FungibleToken,
+  type Protocol,
+  type Token,
+  type TokenBasic,
+} from '@secretkeylabs/xverse-core';
 import { StyledP } from '@ui-library/common.styled';
 import Input from '@ui-library/input';
 import Sheet from '@ui-library/sheet';
 import Spinner from '@ui-library/spinner';
+import { trackMixPanel } from '@utils/mixpanel';
 import { useState } from 'react';
 import { useTranslation } from 'react-i18next';
 import styled from 'styled-components';
@@ -152,6 +159,9 @@ export default function TokenToBottomSheet({
                   currency="BTC"
                   onPress={() => {
                     onSelectCoin(token);
+                    trackMixPanel(AnalyticsEvents.SelectTokenToSwapTo, {
+                      token: 'Bitcoin',
+                    });
                     handleClose();
                   }}
                   hideBalance
@@ -166,6 +176,9 @@ export default function TokenToBottomSheet({
                   currency="FT"
                   onPress={() => {
                     onSelectCoin(token);
+                    trackMixPanel(AnalyticsEvents.SelectTokenToSwapTo, {
+                      token: token.name ?? token.ticker,
+                    });
                     handleClose();
                   }}
                   fungibleToken={mapSwapTokenToFT(token)}