Fix item display

This commit is contained in:
Nicolas Mowen 2024-04-16 11:14:20 -06:00
parent 26d21fa43c
commit 9751f91b91
2 changed files with 13 additions and 7 deletions

View File

@ -84,13 +84,15 @@ export function AnimatedEventCard({ event }: AnimatedEventCardProps) {
</TooltipTrigger> </TooltipTrigger>
<TooltipContent> <TooltipContent>
{`${[ {`${[
...new Set( ...new Set([
...(event.data.objects || []), ...(event.data.objects || []),
...(event.data.sub_labels || []), ...(event.data.sub_labels || []),
...(event.data.audio || []), ...(event.data.audio || []),
), ]),
] ]
.filter((item) => item !== undefined) .filter((item) => item !== undefined && !item.includes("-verified"))
.map((text) => text.charAt(0).toUpperCase() + text.substring(1))
.sort()
.join(", ") .join(", ")
.replaceAll("-verified", "")} detected`} .replaceAll("-verified", "")} detected`}
</TooltipContent> </TooltipContent>

View File

@ -239,7 +239,7 @@ export default function PreviewThumbnailPlayer({
<Chip <Chip
className={`flex items-start justify-between space-x-1 ${playingBack ? "hidden" : ""} bg-gradient-to-br ${review.has_been_reviewed ? "from-green-600 to-green-700 bg-green-600" : "from-gray-400 to-gray-500 bg-gray-500"} z-0`} className={`flex items-start justify-between space-x-1 ${playingBack ? "hidden" : ""} bg-gradient-to-br ${review.has_been_reviewed ? "from-green-600 to-green-700 bg-green-600" : "from-gray-400 to-gray-500 bg-gray-500"} z-0`}
> >
{review.data.objects.map((object) => { {review.data.objects.sort().map((object) => {
return getIconForLabel(object, "size-3 text-white"); return getIconForLabel(object, "size-3 text-white");
})} })}
{review.data.audio.map((audio) => { {review.data.audio.map((audio) => {
@ -253,13 +253,17 @@ export default function PreviewThumbnailPlayer({
</div> </div>
<TooltipContent className="capitalize"> <TooltipContent className="capitalize">
{[ {[
...new Set( ...new Set([
...(review.data.objects || []), ...(review.data.objects || []),
...(review.data.sub_labels || []), ...(review.data.sub_labels || []),
...(review.data.audio || []), ...(review.data.audio || []),
), ]),
] ]
.filter((item) => item !== undefined) .filter(
(item) => item !== undefined && !item.includes("-verified"),
)
.map((text) => text.charAt(0).toUpperCase() + text.substring(1))
.sort()
.join(", ") .join(", ")
.replaceAll("-verified", "")} .replaceAll("-verified", "")}
</TooltipContent> </TooltipContent>