feat(deviceDetector): ACT-760 send device info to amplitude

readyplayerme · Aug 6, 2024 · 4f0d441 · 4f0d441
1 parent 95e47a1
commit 4f0d441
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 0 deletions.
diff --git a/src/hooks/useDeviceDetector/use-device-detector.hook.ts b/src/hooks/useDeviceDetector/use-device-detector.hook.ts
@@ -2,6 +2,7 @@ import { useEffect, useState } from 'react';
 import { getGPUTier, TierResult as GpuTierResult } from 'detect-gpu';
 import { stringify } from 'qs';
 import { checkDownloadSpeed } from 'src/services/DownloadSpeed.service';
+import { trackEvent } from 'src/services/Analytics.service';
 
 type TierPresets = { [key: number]: Record<string, any> };
 
@@ -48,6 +49,8 @@ class DeviceDetectorService {
     if (props.tierPresets) {
       this.tierPresets = { ...TIER_PRESETS, ...props.tierPresets };
     }
+
+    trackEvent('device detected', this.result);
   }
 
   get result() {

diff --git a/src/services/Analytics.service.ts b/src/services/Analytics.service.ts
@@ -0,0 +1,9 @@
+import { track } from '@amplitude/analytics-browser';
+
+export function trackEvent(event: string, data?: Record<string, any>) {
+  try {
+    track(event, data);
+  } catch (error) {
+    console.error('Failed to track event', error);
+  }
+}