fix: adds posthog actions on confirm and cancel dapp transactions

input-output-hk · May 7, 2024 · a4d929d · a4d929d
1 parent 5a2aa15
commit a4d929d
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 4 deletions.
diff --git a/...-extension-wallet/src/features/dapp/components/confirm-transaction/ConfirmTransaction.tsx b/...-extension-wallet/src/features/dapp/components/confirm-transaction/ConfirmTransaction.tsx
@@ -46,8 +46,8 @@ export const ConfirmTransaction = (): React.ReactElement => {
     fetchTxType();
   }, [req]);
 
-  const onConfirm = () => {
-    analytics.sendEventToPostHog(PostHogAction.SendTransactionSummaryConfirmClick, {
+  const onConfirmTransaction = () => {
+    analytics.sendEventToPostHog(PostHogAction.DappConnectorSendTransactionClick, {
       [TX_CREATION_TYPE_KEY]: TxCreationType.External
     });
 
@@ -85,6 +85,13 @@ export const ConfirmTransaction = (): React.ReactElement => {
     };
   }, [setSignTxRequest, setDappInfo]);
 
+  const onCancelTransaction = () => {
+    analytics.sendEventToPostHog(PostHogAction.DappConnectorCancelTransactionClick, {
+      [TX_CREATION_TYPE_KEY]: TxCreationType.External
+    });
+    disallowSignTx(true);
+  };
+
   useOnBeforeUnload(disallowSignTx);
 
   return (
@@ -97,7 +104,7 @@ export const ConfirmTransaction = (): React.ReactElement => {
       {!confirmTransactionError && (
         <div className={styles.actions}>
           <Button
-            onClick={onConfirm}
+            onClick={onConfirmTransaction}
             loading={isHardwareWallet && isConfirmingTx}
             data-testid="dapp-transaction-confirm"
             className={styles.actionBtn}
@@ -109,7 +116,7 @@ export const ConfirmTransaction = (): React.ReactElement => {
           <Button
             color="secondary"
             data-testid="dapp-transaction-cancel"
-            onClick={() => disallowSignTx(true)}
+            onClick={onCancelTransaction}
             className={styles.actionBtn}
           >
             {t('dapp.confirm.btn.cancel')}

diff --git a/packages/common/src/analytics/types.ts b/packages/common/src/analytics/types.ts
@@ -222,6 +222,9 @@ export enum PostHogAction {
   DappConnectorAuthorizeDappDappConnectorBetaClick = 'dapp connector | authorize dapp | dapp connector beta | click',
   DappConnectorAuthorizeDappConnectionAlwaysClick = 'dapp connector | authorize dapp | dapp connection | always | click',
   DappConnectorAuthorizeDappConnectionOnlyOnceClick = 'dapp connector | authorize dapp | dapp connection | only once | click',
+  DappConnectorCancelTransactionClick = 'dapp connector | confirm transaction | cancel | click',
+  DappConnectorSendTransactionClick = 'dapp connector | confirm transaction | confirm | click',
+
   // User
   UserWalletProfileIconClick = 'user/wallet profile | profile icon | click',
   UserWalletProfileWalletAddressClick = 'user/wallet profile | wallet address | click',