From 613aa68dee38173b43b8289504c16de15e2f6533 Mon Sep 17 00:00:00 2001
From: Svante Bengtson <svante@swantzter.se>
Date: Wed, 17 Jul 2024 08:28:36 +0200
Subject: [PATCH] metrics for speed clicks

---
 src/views/device-stream/Display.vue | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/src/views/device-stream/Display.vue b/src/views/device-stream/Display.vue
index d5cfae1..57fdda6 100644
--- a/src/views/device-stream/Display.vue
+++ b/src/views/device-stream/Display.vue
@@ -96,13 +96,14 @@ import { useDeviceStreamPools } from './use-device-stream-pools'
 import { useHead } from '@vueuse/head'
 import { useRouteQuery } from '@vueuse/router'
 import { useTheme } from '../../hooks/theme'
+import { useDateFormat, useTimestamp } from '@vueuse/core'
+import { metrics } from '@sentry/vue'
 
 import DeviceNotSet from '../../components/DeviceNotSet.vue'
 import SpeedLiveScore from '../../components/SpeedLiveScore.vue'
 import TimingLiveScore from '../../components/TimingLiveScore.vue'
 import UnsupportedCompetitionEvent from '../../components/UnsupportedCompetitionEvent.vue'
 import { getHeatNameList, useHeatInfo } from '../../hooks/heat-info'
-import { useDateFormat, useTimestamp } from '@vueuse/core'
 
 useHead({
   title: '📺 Device Stream (Live)'
@@ -149,6 +150,10 @@ function markStreamWatcher (res: DeviceStreamMarkAddedSubscription | null | unde
   const mark = res.deviceStreamMarkAdded.mark as Mark
   const info = res.deviceStreamMarkAdded.info
 
+  metrics.distribution('stream_mark_delay', Date.now() - mark.timestamp, {
+    unit: 'millisecond'
+  })
+
   let tallyInfo = tallies[deviceId]
   if (!tallyInfo) {
     tallyInfo = {