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>
<TooltipContent>
{`${[
...new Set(
...new Set([
...(event.data.objects || []),
...(event.data.sub_labels || []),
...(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(", ")
.replaceAll("-verified", "")} detected`}
</TooltipContent>

View File

@ -239,7 +239,7 @@ export default function PreviewThumbnailPlayer({
<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`}
>
{review.data.objects.map((object) => {
{review.data.objects.sort().map((object) => {
return getIconForLabel(object, "size-3 text-white");
})}
{review.data.audio.map((audio) => {
@ -253,13 +253,17 @@ export default function PreviewThumbnailPlayer({
</div>
<TooltipContent className="capitalize">
{[
...new Set(
...new Set([
...(review.data.objects || []),
...(review.data.sub_labels || []),
...(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(", ")
.replaceAll("-verified", "")}
</TooltipContent>