Don't hide downlaod button when there is no review item

This commit is contained in:
Nicolas Mowen 2025-06-23 16:38:29 -06:00
parent 8c2fe78783
commit c4a53ae9ae

View File

@ -1242,13 +1242,13 @@ export function VideoTab({ search }: VideoTabProps) {
<> <>
<span tabIndex={0} className="sr-only" /> <span tabIndex={0} className="sr-only" />
<GenericVideoPlayer source={source}> <GenericVideoPlayer source={source}>
{reviewItem && ( <div
<div className={cn(
className={cn( "absolute top-2 z-10 flex items-center gap-2",
"absolute top-2 z-10 flex items-center gap-2", isIOS ? "right-8" : "right-2",
isIOS ? "right-8" : "right-2", )}
)} >
> {reviewItem && (
<Tooltip> <Tooltip>
<TooltipTrigger> <TooltipTrigger>
<Chip <Chip
@ -1271,25 +1271,25 @@ export function VideoTab({ search }: VideoTabProps) {
</TooltipContent> </TooltipContent>
</TooltipPortal> </TooltipPortal>
</Tooltip> </Tooltip>
<Tooltip> )}
<TooltipTrigger asChild> <Tooltip>
<a <TooltipTrigger asChild>
download <a
href={`${baseUrl}api/${search.camera}/${clipTimeRange}/clip.mp4`} download
> href={`${baseUrl}api/${search.camera}/${clipTimeRange}/clip.mp4`}
<Chip className="cursor-pointer rounded-md bg-gray-500 bg-gradient-to-br from-gray-400 to-gray-500"> >
<FaDownload className="size-4 text-white" /> <Chip className="cursor-pointer rounded-md bg-gray-500 bg-gradient-to-br from-gray-400 to-gray-500">
</Chip> <FaDownload className="size-4 text-white" />
</a> </Chip>
</TooltipTrigger> </a>
<TooltipPortal> </TooltipTrigger>
<TooltipContent> <TooltipPortal>
{t("button.download", { ns: "common" })} <TooltipContent>
</TooltipContent> {t("button.download", { ns: "common" })}
</TooltipPortal> </TooltipContent>
</Tooltip> </TooltipPortal>
</div> </Tooltip>
)} </div>
</GenericVideoPlayer> </GenericVideoPlayer>
</> </>
); );