From 4c4efcc5f54e52c42f8e04cf0b4ea153dcb86d75 Mon Sep 17 00:00:00 2001
From: banthungprong <github@banthungprong.info>
Date: Thu, 20 Oct 2022 13:55:21 +0200
Subject: [PATCH] Adding clip length in s to Events View

---
 web/src/routes/Events.jsx | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/web/src/routes/Events.jsx b/web/src/routes/Events.jsx
index e35925a4b..4b305e97f 100644
--- a/web/src/routes/Events.jsx
+++ b/web/src/routes/Events.jsx
@@ -455,11 +455,12 @@ export default function Events({ path, ...props }) {
                       <div className="flex flex-col grow">
                         <div className="capitalize text-lg font-bold">
                           {event.sub_label ? `${event.label}: ${event.sub_label}` : event.label} (
-                          {(event.top_score * 100).toFixed(0)}%)
+                          {(event.top_score * 100).toFixed(0)}%) <span className="text-red-300">{(event.end_time - event.start_time).toFixed(0)}s</span>
                         </div>
                         <div className="text-sm">
                           {new Date(event.start_time * 1000).toLocaleDateString()}{' '}
-                          {new Date(event.start_time * 1000).toLocaleTimeString()}
+                          {new Date(event.start_time * 1000).toLocaleTimeString()}{' - '}
+                          {new Date(event.end_time * 1000).toLocaleTimeString()}
                         </div>
                         <div className="capitalize text-sm flex align-center mt-1">
                           <Camera className="h-5 w-5 mr-2 inline" />