Analytics: track successfull QR scans (#3018)

safe-global · Dec 15, 2023 · 85a7dea · 85a7dea
1 parent 9967dae
commit 85a7dea
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 7 deletions.
diff --git a/src/components/common/ScanQRModal/ScanQRButton.tsx b/src/components/common/ScanQRModal/ScanQRButton.tsx
@@ -1,8 +1,7 @@
 import React, { lazy, useState, Suspense, type ReactElement } from 'react'
 import QrCodeIcon from '@/public/images/common/qr.svg'
 import { IconButton, SvgIcon } from '@mui/material'
-import Track from '../Track'
-import { MODALS_EVENTS } from '@/services/analytics'
+import { MODALS_EVENTS, trackEvent } from '@/services/analytics'
 
 const ScanQRModal = lazy(() => import('.'))
 
@@ -15,6 +14,7 @@ const ScanQRButton = ({ onScan }: Props): ReactElement => {
 
   const openQrModal = () => {
     setOpen(true)
+    trackEvent(MODALS_EVENTS.SCAN_QR)
   }
 
   const closeQrModal = () => {
@@ -24,15 +24,14 @@ const ScanQRButton = ({ onScan }: Props): ReactElement => {
   const onScanFinished = (value: string) => {
     onScan(value)
     closeQrModal()
+    trackEvent(MODALS_EVENTS.SCAN_QR_FINISHED)
   }
 
   return (
     <>
-      <Track {...MODALS_EVENTS.SCAN_QR}>
-        <IconButton data-testid="address-qr-scan" onClick={openQrModal}>
-          <SvgIcon component={QrCodeIcon} inheritViewBox color="primary" fontSize="small" />
-        </IconButton>
-      </Track>
+      <IconButton data-testid="address-qr-scan" onClick={openQrModal}>
+        <SvgIcon component={QrCodeIcon} inheritViewBox color="primary" fontSize="small" />
+      </IconButton>
 
       {open && (
         <Suspense>

diff --git a/src/services/analytics/events/modals.ts b/src/services/analytics/events/modals.ts
@@ -19,6 +19,10 @@ export const MODALS_EVENTS = {
     action: 'Scan QR',
     category: MODALS_CATEGORY,
   },
+  SCAN_QR_FINISHED: {
+    action: 'Scan QR finished',
+    category: MODALS_CATEGORY,
+  },
   TX_DETAILS: {
     action: 'Transaction details',
     category: MODALS_CATEGORY,