diff --git a/web/src/components/card/AnimatedEventCard.tsx b/web/src/components/card/AnimatedEventCard.tsx
index 4315b8480..93ecbe919 100644
--- a/web/src/components/card/AnimatedEventCard.tsx
+++ b/web/src/components/card/AnimatedEventCard.tsx
@@ -84,13 +84,15 @@ export function AnimatedEventCard({ event }: AnimatedEventCardProps) {
{`${[
- ...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`}
diff --git a/web/src/components/player/PreviewThumbnailPlayer.tsx b/web/src/components/player/PreviewThumbnailPlayer.tsx
index 61a737657..5d7cc6a15 100644
--- a/web/src/components/player/PreviewThumbnailPlayer.tsx
+++ b/web/src/components/player/PreviewThumbnailPlayer.tsx
@@ -239,7 +239,7 @@ export default function PreviewThumbnailPlayer({
- {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({
{[
- ...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", "")}