feat: added visited-eth-overview-with-staked-positions event

app/components/UI/Stake/components/StakingBalance/StakingBalance.tsx

@@ -1,4 +1,4 @@
-import React, { useMemo } from 'react';
+import React, { useEffect, useMemo, useState } from 'react';
 import Badge, {
   BadgeVariant,
 } from '../../../../../component-library/components/Badges/Badge';
@@ -44,20 +44,29 @@ import useBalance from '../../hooks/useBalance';
 import { NetworkBadgeSource } from '../../../AssetOverview/Balance/Balance';
 import { selectChainId } from '../../../../../selectors/networkController';
 import SkeletonPlaceholder from 'react-native-skeleton-placeholder';
+import { MetaMetricsEvents, useMetrics } from '../../../../hooks/useMetrics';
 
 export interface StakingBalanceProps {
   asset: TokenI;
 }
 
 const StakingBalanceContent = ({ asset }: StakingBalanceProps) => {
   const { styles } = useStyles(styleSheet, {});
+
+  const [
+    hasSentViewingStakingRewardsMetric,
+    setHasSentViewingStakingRewardsMetric,
+  ] = useState(false);
+
   const chainId = useSelector(selectChainId);
   const networkName = useSelector(selectNetworkName);
 
   const { isEligible: isEligibleForPooledStaking } = useStakingEligibility();
 
   const { isStakingSupportedChain } = useStakingChain();
 
+  const { trackEvent, createEventBuilder } = useMetrics();
+
   const {
     pooledStakesData,
     exchangeRate,
@@ -92,6 +101,28 @@ const StakingBalanceContent = ({ asset }: StakingBalanceProps) => {
 
   const hasClaimableEth = !!Number(claimableEth);
 
+  useEffect(() => {
+    if (hasStakedPositions && !hasSentViewingStakingRewardsMetric) {
+      trackEvent(
+        createEventBuilder(
+          MetaMetricsEvents.VISITED_ETH_OVERVIEW_WITH_STAKED_POSITIONS,
+        )
+          .addProperties({
+            selected_provider: 'consensys',
+            location: 'StakingBalance',
+          })
+          .build(),
+      );
+
+      setHasSentViewingStakingRewardsMetric(true);
+    }
+  }, [
+    createEventBuilder,
+    hasSentViewingStakingRewardsMetric,
+    hasStakedPositions,
+    trackEvent,
+  ]);
+
   if (!isStakingSupportedChain) {
     return <></>;
   }

app/core/Analytics/MetaMetrics.events.ts

@@ -303,6 +303,7 @@ enum EVENT_NAME {
   UNSTAKE_TRANSACTION_FAILED = 'Unstake Transaction Failed',
   UNSTAKE_TRANSACTION_CONFIRMED = 'Unstake Transaction Confirmed',
   UNSTAKE_TRANSACTION_SUBMITTED = 'Unstake Transaction Submitted',
+  VISITED_ETH_OVERVIEW_WITH_STAKED_POSITIONS = 'Visited ETH Overview with Staked Positions',
 
   // Force Upgrade | Automatic Security Checks
   FORCE_UPGRADE_UPDATE_NEEDED_PROMPT_VIEWED = 'Force Upgrade Update Needed Prompt Viewed',
@@ -986,6 +987,9 @@ const events = {
   UNSTAKE_TRANSACTION_SUBMITTED: generateOpt(
     EVENT_NAME.UNSTAKE_TRANSACTION_SUBMITTED,
   ),
+  VISITED_ETH_OVERVIEW_WITH_STAKED_POSITIONS: generateOpt(
+    EVENT_NAME.VISITED_ETH_OVERVIEW_WITH_STAKED_POSITIONS,
+  ),
 };
 
 /**