Use i18n functions for tooltip

This commit is contained in:
Nicolas Mowen 2025-10-29 07:35:30 -06:00
parent bb8ab5edc1
commit 4405070b50

View File

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