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,20 +271,22 @@ export default function PreviewThumbnailPlayer({
</TooltipTrigger> </TooltipTrigger>
</div> </div>
<TooltipContent className="smart-capitalize"> <TooltipContent className="smart-capitalize">
{[ {review.data.metadata
...new Set([ ? review.data.metadata.title
...(review.data.objects || []), : [
...(review.data.sub_labels || []), ...new Set([
...(review.data.audio || []), ...(review.data.objects || []),
]), ...(review.data.sub_labels || []),
] ...(review.data.audio || []),
.filter( ]),
(item) => item !== undefined && !item.includes("-verified"), ]
) .filter(
.map((text) => capitalizeFirstLetter(text)) (item) =>
.sort() item !== undefined && !item.includes("-verified"),
.join(", ") )
.replaceAll("-verified", "")} .map((text) => getTranslatedLabel(text))
.sort()
.join(", ")}
</TooltipContent> </TooltipContent>
</Tooltip> </Tooltip>
{!!( {!!(