Don't require events

This commit is contained in:
Nicolas Mowen 2025-03-27 17:38:16 -06:00
parent fd98449479
commit dc347a2135

View File

@ -502,38 +502,36 @@ function TrainingGrid({
{Object.entries(faceGroups).map(([key, group]) => { {Object.entries(faceGroups).map(([key, group]) => {
const event = events.find((ev) => ev.id == key); const event = events.find((ev) => ev.id == key);
if (!event) {
return null;
}
return ( return (
<div className="flex flex-col gap-2 rounded-lg bg-card p-2"> <div className="flex flex-col gap-2 rounded-lg bg-card p-2">
<div className="flex flex-row justify-between"> <div className="flex flex-row justify-between">
<div className="capitalize"> <div className="capitalize">
{event.label}: Person:
{event.sub_label {event && event?.sub_label
? ` ${event.sub_label} (${Math.round((event.data.sub_label_score || 0) * 100)}%)` ? ` ${event.sub_label} (${Math.round((event.data.sub_label_score || 0) * 100)}%)`
: " Unknown"} : " Unknown"}
</div> </div>
<Tooltip> {event && (
<TooltipTrigger> <Tooltip>
<div <TooltipTrigger>
className="cursor-pointer" <div
onClick={() => { className="cursor-pointer"
navigate(`/explore?event_id=${event.id}`); onClick={() => {
}} navigate(`/explore?event_id=${event.id}`);
> }}
<LuSearch className="size-4 text-muted-foreground" /> >
</div> <LuSearch className="size-4 text-muted-foreground" />
</TooltipTrigger> </div>
<TooltipPortal> </TooltipTrigger>
<TooltipContent> <TooltipPortal>
{t("details.item.button.viewInExplore", { <TooltipContent>
ns: "views/explore", {t("details.item.button.viewInExplore", {
})} ns: "views/explore",
</TooltipContent> })}
</TooltipPortal> </TooltipContent>
</Tooltip> </TooltipPortal>
</Tooltip>
)}
</div> </div>
<div className="flex flex-row flex-wrap gap-2"> <div className="flex flex-row flex-wrap gap-2">