From cf9697c948f68e8cf59ec5037c95c581cf380bc4 Mon Sep 17 00:00:00 2001
From: delivan <wjdgurdl272@gmail.com>
Date: Thu, 22 Sep 2022 01:49:22 +0900
Subject: [PATCH 1/5] Fix a typo

---
 packages/web/config/user-analytics-v2.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/web/config/user-analytics-v2.ts b/packages/web/config/user-analytics-v2.ts
index d0718642c1..7656d6c9ff 100644
--- a/packages/web/config/user-analytics-v2.ts
+++ b/packages/web/config/user-analytics-v2.ts
@@ -116,7 +116,7 @@ export const EventName = {
   Assets: {
     pageViewed: "Assets: Page viewed",
     depositClicked: "Assets: Deposit clicked",
-    withdrawClicked: "Assets: Deposit clicked",
+    withdrawClicked: "Assets: Withdraw clicked",
     myPoolsCardClicked: "Assets: My pools card clicked",
     myPoolsMoreClicked: "Assets: My pools more clicked",
     assetsListFiltered: "Assets: Assets list filtered",

From 24f375fe0956db8114120a9493fd740746c107b8 Mon Sep 17 00:00:00 2001
From: delivan <wjdgurdl272@gmail.com>
Date: Thu, 22 Sep 2022 02:09:35 +0900
Subject: [PATCH 2/5] Add input click in swap event to track

---
 packages/web/components/input/input-box.tsx       |  3 +++
 packages/web/components/trade-clipboard/index.tsx | 10 ++++++++++
 packages/web/config/user-analytics-v2.ts          |  1 +
 3 files changed, 14 insertions(+)

diff --git a/packages/web/components/input/input-box.tsx b/packages/web/components/input/input-box.tsx
index f77f71be9c..5684b77017 100644
--- a/packages/web/components/input/input-box.tsx
+++ b/packages/web/components/input/input-box.tsx
@@ -25,6 +25,7 @@ interface Props extends InputProps<string>, Disableable, CustomClasses {
   inputClassName?: string;
   isAutosize?: boolean;
   inputRef?: React.MutableRefObject<HTMLInputElement | null>;
+  onClick?: () => void;
 }
 
 export const InputBox: FunctionComponent<Props> = ({
@@ -42,6 +43,7 @@ export const InputBox: FunctionComponent<Props> = ({
   className,
   isAutosize,
   inputRef,
+  onClick,
 }) => {
   const [inputFocused, setInputFocused] = useState(false);
 
@@ -60,6 +62,7 @@ export const InputBox: FunctionComponent<Props> = ({
         },
         className
       )}
+      onClick={onClick}
     >
       <label className="grow shrink w-full" htmlFor="text-input">
         {isAutosize ? (
diff --git a/packages/web/components/trade-clipboard/index.tsx b/packages/web/components/trade-clipboard/index.tsx
index 8bccc99865..d374687389 100644
--- a/packages/web/components/trade-clipboard/index.tsx
+++ b/packages/web/components/trade-clipboard/index.tsx
@@ -379,6 +379,16 @@ export const TradeClipboard: FunctionComponent<{
                     );
                   }}
                   onFocus={() => slippageConfig.setIsManualSlippage(true)}
+                  onClick={() =>
+                    logEvent([
+                      EventName.Swap.inputBoxClicked,
+                      {
+                        fromToken: tradeTokenInConfig.sendCurrency.coinDenom,
+                        toToken: tradeTokenInConfig.outCurrency.coinDenom,
+                        isOnHome: !isInModal,
+                      },
+                    ])
+                  }
                   inputRef={manualSlippageInputRef}
                   isAutosize
                 />
diff --git a/packages/web/config/user-analytics-v2.ts b/packages/web/config/user-analytics-v2.ts
index 7656d6c9ff..a05db84385 100644
--- a/packages/web/config/user-analytics-v2.ts
+++ b/packages/web/config/user-analytics-v2.ts
@@ -60,6 +60,7 @@ export const EventName = {
     pageViewed: "Swap: Page viewed",
     maxClicked: "Swap: Max clicked",
     halfClicked: "Swap: Half clicked",
+    inputBoxClicked: "Swap: Input box clicked",
     slippageToleranceSet: "Swap: Slippage tolerance set",
     switchClicked: "Swap: Switch clicked",
     swapStarted: "Swap: Swap started",

From a3bfd1ebdbeefdd4f05325d7836c20ddb0724c9e Mon Sep 17 00:00:00 2001
From: delivan <wjdgurdl272@gmail.com>
Date: Thu, 22 Sep 2022 02:10:09 +0900
Subject: [PATCH 3/5] Add missing event properties for slippage set event

---
 packages/web/components/trade-clipboard/index.tsx | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/packages/web/components/trade-clipboard/index.tsx b/packages/web/components/trade-clipboard/index.tsx
index d374687389..b448db9c71 100644
--- a/packages/web/components/trade-clipboard/index.tsx
+++ b/packages/web/components/trade-clipboard/index.tsx
@@ -367,6 +367,9 @@ export const TradeClipboard: FunctionComponent<{
                     logEvent([
                       EventName.Swap.slippageToleranceSet,
                       {
+                        fromToken: tradeTokenInConfig.sendCurrency.coinDenom,
+                        toToken: tradeTokenInConfig.outCurrency.coinDenom,
+                        isOnHome: !isInModal,
                         percentage: slippageConfig.slippage.toString(),
                       },
                     ]);

From 5e44f51bf8100a2ed95385bf3b5570d9e0d58489 Mon Sep 17 00:00:00 2001
From: delivan <wjdgurdl272@gmail.com>
Date: Fri, 23 Sep 2022 12:29:59 +0900
Subject: [PATCH 4/5] Change input box clicked event to input entered event

---
 packages/web/components/input/input-box.tsx    |  3 ---
 .../web/components/trade-clipboard/index.tsx   | 18 ++++++++----------
 2 files changed, 8 insertions(+), 13 deletions(-)

diff --git a/packages/web/components/input/input-box.tsx b/packages/web/components/input/input-box.tsx
index 5684b77017..f77f71be9c 100644
--- a/packages/web/components/input/input-box.tsx
+++ b/packages/web/components/input/input-box.tsx
@@ -25,7 +25,6 @@ interface Props extends InputProps<string>, Disableable, CustomClasses {
   inputClassName?: string;
   isAutosize?: boolean;
   inputRef?: React.MutableRefObject<HTMLInputElement | null>;
-  onClick?: () => void;
 }
 
 export const InputBox: FunctionComponent<Props> = ({
@@ -43,7 +42,6 @@ export const InputBox: FunctionComponent<Props> = ({
   className,
   isAutosize,
   inputRef,
-  onClick,
 }) => {
   const [inputFocused, setInputFocused] = useState(false);
 
@@ -62,7 +60,6 @@ export const InputBox: FunctionComponent<Props> = ({
         },
         className
       )}
-      onClick={onClick}
     >
       <label className="grow shrink w-full" htmlFor="text-input">
         {isAutosize ? (
diff --git a/packages/web/components/trade-clipboard/index.tsx b/packages/web/components/trade-clipboard/index.tsx
index b448db9c71..dce7b1bfba 100644
--- a/packages/web/components/trade-clipboard/index.tsx
+++ b/packages/web/components/trade-clipboard/index.tsx
@@ -382,16 +382,6 @@ export const TradeClipboard: FunctionComponent<{
                     );
                   }}
                   onFocus={() => slippageConfig.setIsManualSlippage(true)}
-                  onClick={() =>
-                    logEvent([
-                      EventName.Swap.inputBoxClicked,
-                      {
-                        fromToken: tradeTokenInConfig.sendCurrency.coinDenom,
-                        toToken: tradeTokenInConfig.outCurrency.coinDenom,
-                        isOnHome: !isInModal,
-                      },
-                    ])
-                  }
                   inputRef={manualSlippageInputRef}
                   isAutosize
                 />
@@ -557,6 +547,14 @@ export const TradeClipboard: FunctionComponent<{
                     Number(e.target.value) <= Number.MAX_SAFE_INTEGER &&
                     e.target.value.length <= (isMobile ? 19 : 26)
                   ) {
+                    logEvent([
+                      EventName.Swap.inputEntered,
+                      {
+                        fromToken: tradeTokenInConfig.sendCurrency.coinDenom,
+                        toToken: tradeTokenInConfig.outCurrency.coinDenom,
+                        isOnHome: !isInModal,
+                      },
+                    ]);
                     tradeTokenInConfig.setAmount(e.target.value);
                   }
                 }}

From b08c867cc8de7246ed944a2d93f1da62ae73bce8 Mon Sep 17 00:00:00 2001
From: delivan <wjdgurdl272@gmail.com>
Date: Fri, 23 Sep 2022 12:36:26 +0900
Subject: [PATCH 5/5] Fix a mistake

---
 packages/web/config/user-analytics-v2.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/web/config/user-analytics-v2.ts b/packages/web/config/user-analytics-v2.ts
index a05db84385..8f2d19198e 100644
--- a/packages/web/config/user-analytics-v2.ts
+++ b/packages/web/config/user-analytics-v2.ts
@@ -60,7 +60,7 @@ export const EventName = {
     pageViewed: "Swap: Page viewed",
     maxClicked: "Swap: Max clicked",
     halfClicked: "Swap: Half clicked",
-    inputBoxClicked: "Swap: Input box clicked",
+    inputEntered: "Swap: Input entered",
     slippageToleranceSet: "Swap: Slippage tolerance set",
     switchClicked: "Swap: Switch clicked",
     swapStarted: "Swap: Swap started",