Merge pull request #12713 from ethereum/find-wallet-add-tracking-for-cta-buttons

feat: add tracking for cta buttons in /find-wallet

Author: nhsz

src/components/FindWallet/WalletTable/index.tsx

@@ -230,6 +230,16 @@ const WalletTable = ({
   // Context API
   const { supportedLanguage } = useContext(WalletSupportedLanguageContext)
 
+  const handleStickyFiltersClick = () => {
+    onOpen()
+
+    trackCustomEvent({
+      eventCategory: "MobileFilterToggle",
+      eventAction: "Tap MobileFilterToggle - sticky",
+      eventName: "show mobile filters true",
+    })
+  }
+
   return (
     <Container>
       <WalletContentHeader>
@@ -243,7 +253,7 @@ const WalletTable = ({
               color="primary.base"
               textTransform="uppercase"
               cursor="pointer"
-              onClick={onOpen}
+              onClick={handleStickyFiltersClick}
               as="button"
             >
               {`${t("page-find-wallet-filters")} (${
@@ -320,6 +330,14 @@ const WalletTable = ({
               })
           }
 
+          const handleWalletWebsiteClick = (walletName: string) => {
+            trackCustomEvent({
+              eventCategory: "WalletExternalLinkList",
+              eventAction: "Tap main button",
+              eventName: `${walletName}`,
+            })
+          }
+
           return (
             <WalletContainer
               key={wallet.key}
@@ -420,6 +438,9 @@ const WalletTable = ({
                               w="auto"
                               isExternal
                               size="sm"
+                              onClick={() =>
+                                handleWalletWebsiteClick(wallet.name)
+                              }
                             >
                               {t("page-find-wallet-visit-website")}
                             </ButtonLink>
@@ -446,6 +467,7 @@ const WalletTable = ({
                       w="100%"
                       isExternal
                       size="sm"
+                      onClick={() => handleWalletWebsiteClick(wallet.name)}
                     >
                       {t("page-find-wallet-visit-website")}
                     </ButtonLink>