From 2d9e0460d19af96a1caa4104f541e4154380bce1 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Nguy=E1=BB=85n=20Ho=C3=A0i=20Danh?=
 <33005392+nguyenhoaidanh@users.noreply.github.com>
Date: Thu, 26 Oct 2023 11:42:50 +0700
Subject: [PATCH] chore: add tracking LO get started btn

---
 src/components/swapv2/LimitOrder/Tutorial.tsx | 9 ++++++++-
 src/hooks/useMixpanel.ts                      | 5 +++++
 2 files changed, 13 insertions(+), 1 deletion(-)

diff --git a/src/components/swapv2/LimitOrder/Tutorial.tsx b/src/components/swapv2/LimitOrder/Tutorial.tsx
index a877ca842c..10072dcb2c 100644
--- a/src/components/swapv2/LimitOrder/Tutorial.tsx
+++ b/src/components/swapv2/LimitOrder/Tutorial.tsx
@@ -10,6 +10,7 @@ import { ButtonPrimary } from 'components/Button'
 import Column from 'components/Column'
 import Row from 'components/Row'
 import { DOCS_LINKS } from 'components/swapv2/LimitOrder/const'
+import useMixpanel, { MIXPANEL_TYPE } from 'hooks/useMixpanel'
 import useTheme from 'hooks/useTheme'
 import { ExternalLink } from 'theme'
 
@@ -50,6 +51,12 @@ const ContentItem = ({ text }: { text: ReactNode }) => {
 }
 export default function Tutorial({ onClose }: { onClose: () => void }) {
   const theme = useTheme()
+  const { mixpanelHandler } = useMixpanel()
+
+  const onGetStart = () => {
+    mixpanelHandler(MIXPANEL_TYPE.LO_CLICK_GET_STARTED)
+    onClose()
+  }
 
   return (
     <Wrapper>
@@ -97,7 +104,7 @@ export default function Tutorial({ onClose }: { onClose: () => void }) {
             Learn more about our limit orders <ExternalLink href={DOCS_LINKS.USER_GUIDE}>here</ExternalLink>.
           </Trans>
         </Text>
-        <ButtonPrimary height="40px" width={'100%'} onClick={onClose}>
+        <ButtonPrimary height="40px" width={'100%'} onClick={onGetStart}>
           <Trans>Get Started</Trans>
         </ButtonPrimary>
       </Column>
diff --git a/src/hooks/useMixpanel.ts b/src/hooks/useMixpanel.ts
index 4b28ac00a0..9a01ed4a96 100644
--- a/src/hooks/useMixpanel.ts
+++ b/src/hooks/useMixpanel.ts
@@ -205,6 +205,7 @@ export enum MIXPANEL_TYPE {
   LO_CLICK_SUBSCRIBE_BTN,
   LO_CLICK_CANCEL_TYPE,
   LO_CLICK_UPDATE_TYPE,
+  LO_CLICK_GET_STARTED,
 
   // Wallet UI
   WUI_WALLET_CLICK,
@@ -1133,6 +1134,10 @@ export default function useMixpanel(currencies?: { [field in Field]?: Currency }
           mixpanel.track('Limit Order - Update Order Double Signature Click', payload)
           break
         }
+        case MIXPANEL_TYPE.LO_CLICK_GET_STARTED: {
+          mixpanel.track('Limit Order - Get Started Click', payload)
+          break
+        }
 
         case MIXPANEL_TYPE.WUI_WALLET_CLICK: {
           mixpanel.track('Wallet UI - Wallet Click')