Merge pull request #416 from lidofinance/fix/matomo-in-l2-banner

fix: matomo event
lidofinance · Jul 29, 2024 · 781a472 · 781a472
2 parents 8b2d531 + 61cbf3c
commit 781a472
Showing 1 changed file with 10 additions and 5 deletions.
diff --git a/shared/wallet/l2-fallback/l2-fallback.tsx b/shared/wallet/l2-fallback/l2-fallback.tsx
@@ -17,6 +17,7 @@ import { CHAINS, L2_CHAINS } from 'consts/chains';
 import { MATOMO_CLICK_EVENTS_TYPES } from 'consts/matomo-click-events';
 
 import { L2FallbackWalletStyle, TextStyle, ButtonStyle } from './styles';
+import { trackMatomoEvent } from '../../../utils/track-matomo-event';
 
 export type L2FallbackComponent = FC<{ textEnding: string } & BlockProps>;
 
@@ -56,11 +57,15 @@ export const L2Fallback: L2FallbackComponent = (props) => {
         Learn about Lido on L2 opportunities on {l2ChainName} network or switch
         to Ethereum {defaultChainName} {props.textEnding}
       </TextStyle>
-      <Link
-        href={`${config.rootOrigin}/lido-on-l2`}
-        data-matomo={MATOMO_CLICK_EVENTS_TYPES.lidoOnL2Opportunities}
-      >
-        <ButtonStyle size={'xs'}>Lido on L2 opportunities</ButtonStyle>
+      <Link href={`${config.rootOrigin}/lido-on-l2`}>
+        <ButtonStyle
+          size={'xs'}
+          onClick={() =>
+            trackMatomoEvent(MATOMO_CLICK_EVENTS_TYPES.lidoOnL2Opportunities)
+          }
+        >
+          Lido on L2 opportunities
+        </ButtonStyle>
       </Link>
     </L2FallbackWalletStyle>
   );