chore: Track fee breakdown button click (#2458)

immutable · Dec 9, 2024 · d868b92 · d868b92
1 parent dd4d9ca
commit d868b92
Showing 1 changed file with 19 additions and 1 deletion.
diff --git a/packages/checkout/widgets-lib/src/widgets/add-tokens/views/Review.tsx b/packages/checkout/widgets-lib/src/widgets/add-tokens/views/Review.tsx
@@ -195,11 +195,29 @@ export function Review({
     [route],
   );
 
+  const openFeeBreakdown = () => {
+    const feesToken = route?.route.estimate.feeCosts?.[0]?.token;
+    track({
+      userJourney: UserJourney.ADD_TOKENS,
+      screen: 'Review',
+      control: 'FeeBreakdown',
+      controlType: 'Button',
+      extras: {
+        contextId: id,
+        feesToken: feesToken?.symbol,
+        totalAmount: feesToken ? getFormattedNumber(totalFees, feesToken.decimals) : null,
+        totalFiatAmount: getFormattedAmounts(totalFeesUsd),
+      },
+    });
+
+    setShowFeeBreakdown(true);
+  };
+
   const routeFees = useMemo(() => {
     if (totalFeesUsd) {
       return (
         <Body
-          onClick={() => setShowFeeBreakdown(true)}
+          onClick={() => openFeeBreakdown()}
           size="small"
           sx={{
             ...hFlex,