From 4405070b50726ddaa3691978abce0c2fed014a4a Mon Sep 17 00:00:00 2001
From: Nicolas Mowen <nickmowen213@gmail.com>
Date: Wed, 29 Oct 2025 07:35:30 -0600
Subject: [PATCH] Use i18n functions for tooltip

---
 .../player/PreviewThumbnailPlayer.tsx         | 31 ++++++++++---------
 1 file changed, 17 insertions(+), 14 deletions(-)

diff --git a/web/src/components/player/PreviewThumbnailPlayer.tsx b/web/src/components/player/PreviewThumbnailPlayer.tsx
index 9d84a6697..c9bd325cf 100644
--- a/web/src/components/player/PreviewThumbnailPlayer.tsx
+++ b/web/src/components/player/PreviewThumbnailPlayer.tsx
@@ -24,6 +24,7 @@ import { baseUrl } from "@/api/baseUrl";
 import { useTranslation } from "react-i18next";
 import { FaExclamationTriangle } from "react-icons/fa";
 import { MdOutlinePersonSearch } from "react-icons/md";
+import { getTranslatedLabel } from "@/utils/i18n";
 
 type PreviewPlayerProps = {
   review: ReviewSegment;
@@ -270,20 +271,22 @@ export default function PreviewThumbnailPlayer({
               </TooltipTrigger>
             </div>
             <TooltipContent className="smart-capitalize">
-              {[
-                ...new Set([
-                  ...(review.data.objects || []),
-                  ...(review.data.sub_labels || []),
-                  ...(review.data.audio || []),
-                ]),
-              ]
-                .filter(
-                  (item) => item !== undefined && !item.includes("-verified"),
-                )
-                .map((text) => capitalizeFirstLetter(text))
-                .sort()
-                .join(", ")
-                .replaceAll("-verified", "")}
+              {review.data.metadata
+                ? review.data.metadata.title
+                : [
+                    ...new Set([
+                      ...(review.data.objects || []),
+                      ...(review.data.sub_labels || []),
+                      ...(review.data.audio || []),
+                    ]),
+                  ]
+                    .filter(
+                      (item) =>
+                        item !== undefined && !item.includes("-verified"),
+                    )
+                    .map((text) => getTranslatedLabel(text))
+                    .sort()
+                    .join(", ")}
             </TooltipContent>
           </Tooltip>
           {!!(