From 0c3231713f9ad9d0c02b54168d46943a872450a9 Mon Sep 17 00:00:00 2001
From: PythonGermany <97847597+PythonGermany@users.noreply.github.com>
Date: Sat, 29 Nov 2025 01:56:02 +0100
Subject: [PATCH] fix(ui): Show correct avg response time for N/A value (#1407)

* fix(ui): Show correct avg response time not applicable value

* refactor(ui): Convert to milliseconds after loop

---------

Co-authored-by: TwiN <twin@linux.com>
---
 web/app/src/views/EndpointDetails.vue | 16 ++++++++--------
 1 file changed, 8 insertions(+), 8 deletions(-)

diff --git a/web/app/src/views/EndpointDetails.vue b/web/app/src/views/EndpointDetails.vue
index 2895e659..e6ea86db 100644
--- a/web/app/src/views/EndpointDetails.vue
+++ b/web/app/src/views/EndpointDetails.vue
@@ -35,7 +35,7 @@
                 <CardTitle class="text-sm font-medium text-muted-foreground">Avg Response Time</CardTitle>
               </CardHeader>
               <CardContent>
-                <div class="text-2xl font-bold">{{ pageAverageResponseTime }}ms</div>
+                <div class="text-2xl font-bold">{{ pageAverageResponseTime }}</div>
               </CardContent>
             </Card>
 
@@ -262,7 +262,7 @@ const pageAverageResponseTime = computed(() => {
     }
   }
   if (count === 0) return 'N/A'
-  return Math.round(total / count / 1000000)
+  return `${Math.round(total / count / 1000000)}ms`
 })
 
 const pageResponseTimeRange = computed(() => {
@@ -275,17 +275,17 @@ const pageResponseTimeRange = computed(() => {
   let hasData = false
   
   for (const result of endpointStatus.value.results) {
-    if (result.duration) {
-      const durationMs = result.duration / 1000000
-      min = Math.min(min, durationMs)
-      max = Math.max(max, durationMs)
+    const duration = result.duration
+    if (duration) {
+      min = Math.min(min, duration)
+      max = Math.max(max, duration)
       hasData = true
     }
   }
   
   if (!hasData) return 'N/A'
-  const minMs = Math.round(min)
-  const maxMs = Math.round(max)
+  const minMs = Math.round(min / 1000000)
+  const maxMs = Math.round(max / 1000000) 
   // If min and max are the same, show single value
   if (minMs === maxMs) {
     return `${minMs}ms`