From 2fa9d9512f93d9c8c8a6ae23a74550aef6e88003 Mon Sep 17 00:00:00 2001
From: Josh Hawkins <32435876+hawkeye217@users.noreply.github.com>
Date: Thu, 16 Oct 2025 07:53:09 -0500
Subject: [PATCH] more i18n

---
 web/public/locales/en/views/events.json      |  5 ++++-
 web/src/components/timeline/DetailStream.tsx | 12 +++++++-----
 2 files changed, 11 insertions(+), 6 deletions(-)

diff --git a/web/public/locales/en/views/events.json b/web/public/locales/en/views/events.json
index 0e8fad363..732533ef2 100644
--- a/web/public/locales/en/views/events.json
+++ b/web/public/locales/en/views/events.json
@@ -20,7 +20,10 @@
   },
   "detail": {
     "noDataFound": "No detail data to review",
-    "aria": "Toggle detail view"
+    "aria": "Toggle detail view",
+    "trackedObject_one": "tracked object",
+    "trackedObject_other": "tracked objects",
+    "noObjectDetailData": "No object detail data available."
   },
   "objectTrack": {
     "trackedPoint": "Tracked point",
diff --git a/web/src/components/timeline/DetailStream.tsx b/web/src/components/timeline/DetailStream.tsx
index d46733060..96ee3d595 100644
--- a/web/src/components/timeline/DetailStream.tsx
+++ b/web/src/components/timeline/DetailStream.tsx
@@ -255,6 +255,10 @@ function ReviewGroup({
       if (iconLabels.length >= 5) break;
     }
   }
+
+  const objectCount = fetchedEvents
+    ? fetchedEvents.length
+    : (review.data.objects ?? []).length;
   return (
     <div
       data-review-id={id}
@@ -275,10 +279,7 @@ function ReviewGroup({
           <div className="flex flex-col">
             <div className="text-sm font-medium">{displayTime}</div>
             <div className="text-xs text-muted-foreground">
-              {fetchedEvents
-                ? fetchedEvents.length
-                : (review.data.objects ?? []).length}{" "}
-              tracked objects
+              {objectCount} {t("detail.trackedObject", { count: objectCount })}
             </div>
           </div>
         </div>
@@ -508,6 +509,7 @@ function ObjectTimeline({
   onSeek: (ts: number) => void;
   effectiveTime?: number;
 }) {
+  const { t } = useTranslation("views/events");
   const { data: timeline, isValidating } = useSWR<ObjectLifecycleSequence[]>([
     "timeline",
     {
@@ -522,7 +524,7 @@ function ObjectTimeline({
   if (!timeline || timeline.length === 0) {
     return (
       <div className="py-2 text-sm text-muted-foreground">
-        No object detail data available.
+        {t("detail.noObjectDetailData")}
       </div>
     );
   }