From cee5d6e5ee1fdb174a2f036d727757834dda1fc3 Mon Sep 17 00:00:00 2001
From: Josh Hawkins <32435876+hawkeye217@users.noreply.github.com>
Date: Tue, 22 Apr 2025 22:01:46 -0500
Subject: [PATCH] Fix i18n plural for selected review count (#17864)

* Fix i18n plural for selected review count

* use selected count in explore
---
 web/public/locales/en/views/events.json         | 2 +-
 web/src/components/filter/ReviewActionGroup.tsx | 1 -
 web/src/components/filter/SearchActionGroup.tsx | 7 ++++++-
 3 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/web/public/locales/en/views/events.json b/web/public/locales/en/views/events.json
index b9152bbab..2c01df8c2 100644
--- a/web/public/locales/en/views/events.json
+++ b/web/public/locales/en/views/events.json
@@ -31,6 +31,6 @@
     "label": "View new review items",
     "button": "New Items To Review"
   },
-  "selected": "selected",
+  "selected": "{{count}} selected",
   "camera": "Camera"
 }
diff --git a/web/src/components/filter/ReviewActionGroup.tsx b/web/src/components/filter/ReviewActionGroup.tsx
index c529b3826..f443729ce 100644
--- a/web/src/components/filter/ReviewActionGroup.tsx
+++ b/web/src/components/filter/ReviewActionGroup.tsx
@@ -96,7 +96,6 @@ export default function ReviewActionGroup({
       <div className="absolute inset-x-2 inset-y-0 flex items-center justify-between gap-2 bg-background py-2 md:left-auto">
         <div className="mx-1 flex items-center justify-center text-sm text-muted-foreground">
           <div className="p-1">
-            {selectedReviews.length}{" "}
             {t("selected", {
               ns: "views/events",
               count: selectedReviews.length,
diff --git a/web/src/components/filter/SearchActionGroup.tsx b/web/src/components/filter/SearchActionGroup.tsx
index 51277f05f..ad6d6ccc8 100644
--- a/web/src/components/filter/SearchActionGroup.tsx
+++ b/web/src/components/filter/SearchActionGroup.tsx
@@ -108,7 +108,12 @@ export default function SearchActionGroup({
 
       <div className="absolute inset-x-2 inset-y-0 flex items-center justify-between gap-2 bg-background py-2 md:left-auto">
         <div className="mx-1 flex items-center justify-center text-sm text-muted-foreground">
-          <div className="p-1">{`${selectedObjects.length} selected`}</div>
+          <div className="p-1">
+            {t("selected", {
+              ns: "views/events",
+              count: selectedObjects.length,
+            })}
+          </div>
           <div className="p-1">{"|"}</div>
           <div
             className="cursor-pointer p-2 text-primary hover:rounded-lg hover:bg-secondary"