view more icon links to search for object type

This commit is contained in:
Josh Hawkins 2024-09-10 19:28:57 -05:00
parent e9a8c42734
commit 52c8386b52

View File

@ -66,10 +66,9 @@ function ThumbnailRow({
const navigate = useNavigate(); const navigate = useNavigate();
const [hoveredIndex, setHoveredIndex] = useState<number | null>(null); const [hoveredIndex, setHoveredIndex] = useState<number | null>(null);
const handleSimilaritySearch = (eventId: string) => { const handleSearch = (label: string) => {
const similaritySearchParams = new URLSearchParams({ const similaritySearchParams = new URLSearchParams({
search_type: "similarity", labels: label,
event_id: eventId,
}).toString(); }).toString();
navigate(`/explore?${similaritySearchParams}`); navigate(`/explore?${similaritySearchParams}`);
}; };
@ -110,11 +109,7 @@ function ThumbnailRow({
))} ))}
<div <div
className="flex cursor-pointer items-center justify-center" className="flex cursor-pointer items-center justify-center"
onClick={() => onClick={() => handleSearch(objectType)}
events &&
events.length > 0 &&
handleSimilaritySearch(events[events.length - 1].id)
}
> >
<Tooltip> <Tooltip>
<TooltipTrigger> <TooltipTrigger>
@ -124,7 +119,9 @@ function ThumbnailRow({
/> />
</TooltipTrigger> </TooltipTrigger>
<TooltipPortal> <TooltipPortal>
<TooltipContent>View More</TooltipContent> <TooltipContent className="capitalize">
Explore More {objectType}s
</TooltipContent>
</TooltipPortal> </TooltipPortal>
</Tooltip> </Tooltip>
</div> </div>