Merge pull request #446 from secretkeylabs/eng-4814/remaining-mixpane…

…l-events ENG-4814: Swaps Select From/To MixPanel Events
secretkeylabs · Aug 2, 2024 · 0fa9cd4 · 0fa9cd4
2 parents ec9dfe4 + 94e4725
commit 0fa9cd4
Show file tree

Hide file tree

Showing 4 changed files with 42 additions and 22 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -44,7 +44,7 @@
     "@react-spring/web": "^9.6.1",
     "@sats-connect/core": "0.1.2",
     "@scure/btc-signer": "1.2.1",
-    "@secretkeylabs/xverse-core": "18.3.0",
+    "@secretkeylabs/xverse-core": "18.4.0",
     "@stacks/connect": "7.4.1",
     "@stacks/stacks-blockchain-api-types": "6.1.1",
     "@stacks/transactions": "6.13.1",

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)}