conditionally show submenu items

This commit is contained in:
Josh Hawkins 2024-10-15 07:37:26 -05:00
parent 74aad2aa4f
commit 6ecd3ca868

View File

@ -100,26 +100,30 @@ export default function SearchThumbnailFooter({
<LuMoreVertical className="size-5 cursor-pointer text-white" /> <LuMoreVertical className="size-5 cursor-pointer text-white" />
</DropdownMenuTrigger> </DropdownMenuTrigger>
<DropdownMenuContent> <DropdownMenuContent>
<DropdownMenuItem> {searchResult.has_clip && (
<a <DropdownMenuItem>
className="justify_start flex items-center" <a
href={`${baseUrl}api/events/${searchResult.id}/clip.mp4`} className="justify_start flex items-center"
download={`${searchResult.camera}_${searchResult.label}.mp4`} href={`${baseUrl}api/events/${searchResult.id}/clip.mp4`}
> download={`${searchResult.camera}_${searchResult.label}.mp4`}
<LuDownload className="mr-2 size-4" /> >
<span>Download video</span> <LuDownload className="mr-2 size-4" />
</a> <span>Download video</span>
</DropdownMenuItem> </a>
<DropdownMenuItem> </DropdownMenuItem>
<a )}
className="justify_start flex items-center" {searchResult.has_snapshot && (
href={`${baseUrl}api/events/${searchResult.id}/snapshot.jpg`} <DropdownMenuItem>
download={`${searchResult.camera}_${searchResult.label}.jpg`} <a
> className="justify_start flex items-center"
<LuCamera className="mr-2 size-4" /> href={`${baseUrl}api/events/${searchResult.id}/snapshot.jpg`}
<span>Download snapshot</span> download={`${searchResult.camera}_${searchResult.label}.jpg`}
</a> >
</DropdownMenuItem> <LuCamera className="mr-2 size-4" />
<span>Download snapshot</span>
</a>
</DropdownMenuItem>
)}
<DropdownMenuItem> <DropdownMenuItem>
<FaArrowsRotate className="mr-2 size-4" /> <FaArrowsRotate className="mr-2 size-4" />
<span>View object lifecycle</span> <span>View object lifecycle</span>