administrator/frigate
1
0
Fork 0
mirror of https://github.com/blakeblackshear/frigate.git synced 2026-02-13 06:35:24 +03:00
Code Issues Actions 2 Packages Projects Releases Wiki Activity

Add tooltip

Browse Source
This commit is contained in:
Nicolas Mowen 2024-08-09 07:16:30 -06:00
parent 116452d937
commit e3ff2ae6e6
1 changed files with 15 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

25
web/src/components/card/AnimatedEventCard.tsx
View File

@ -111,16 +111,21 @@ export function AnimatedEventCard({
onMouseLeave={isDesktop ? () => setIsHovered(false) : undefined} onMouseLeave={isDesktop ? () => setIsHovered(false) : undefined}
> >
{isHovered && ( {isHovered && (
<Button <Tooltip>
className="absolute right-2 top-1 z-40 bg-gray-500 bg-gradient-to-br from-gray-400 to-gray-500" <TooltipTrigger asChild>
size="xs" <Button
onClick={async () => { className="absolute right-2 top-1 z-40 bg-gray-500 bg-gradient-to-br from-gray-400 to-gray-500"
await axios.post(`reviews/viewed`, { ids: [event.id] }); size="xs"
updateEvents(); onClick={async () => {
}} await axios.post(`reviews/viewed`, { ids: [event.id] });
> updateEvents();
<FaCircleCheck className="size-3 text-white" /> }}
</Button> >
<FaCircleCheck className="size-3 text-white" />
</Button>
</TooltipTrigger>
<TooltipContent>Mark as Reviewed</TooltipContent>
</Tooltip>
)} )}
<div <div
className="size-full cursor-pointer overflow-hidden rounded md:rounded-lg" className="size-full cursor-pointer overflow-hidden rounded md:rounded-lg"