diff --git a/web/src/components/card/ReviewCard.tsx b/web/src/components/card/ReviewCard.tsx
index 33032d2b8..359dd6536 100644
--- a/web/src/components/card/ReviewCard.tsx
+++ b/web/src/components/card/ReviewCard.tsx
@@ -32,6 +32,8 @@ import { Drawer, DrawerContent } from "../ui/drawer";
import axios from "axios";
import { toast } from "sonner";
import useKeyboardListener from "@/hooks/use-keyboard-listener";
+import { Tooltip, TooltipContent, TooltipTrigger } from "../ui/tooltip";
+import { capitalizeFirstLetter } from "@/utils/stringUtil";
type ReviewCardProps = {
event: ReviewSegment;
@@ -153,21 +155,43 @@ export default function ReviewCard({
}}
/>
-
- {event.data.objects.map((object) => {
- return getIconForLabel(
- object,
- "size-3 text-primary dark:text-white",
- );
- })}
- {event.data.audio.map((audio) => {
- return getIconForLabel(
- audio,
- "size-3 text-primary dark:text-white",
- );
- })}
-
{formattedDate}
-
+
+
+
+ <>
+ {event.data.objects.map((object) => {
+ return getIconForLabel(
+ object,
+ "size-3 text-primary dark:text-white",
+ );
+ })}
+ {event.data.audio.map((audio) => {
+ return getIconForLabel(
+ audio,
+ "size-3 text-primary dark:text-white",
+ );
+ })}
+ >
+
{formattedDate}
+
+
+
+ {[
+ ...new Set([
+ ...(event.data.objects || []),
+ ...(event.data.sub_labels || []),
+ ...(event.data.audio || []),
+ ]),
+ ]
+ .filter(
+ (item) => item !== undefined && !item.includes("-verified"),
+ )
+ .map((text) => capitalizeFirstLetter(text))
+ .sort()
+ .join(", ")
+ .replaceAll("-verified", "")}
+
+