administrator/frigate
1
0
Fork 0
mirror of https://github.com/blakeblackshear/frigate.git synced 2026-05-04 04:27:42 +03:00
Code Issues Actions 2 Packages Projects Releases Wiki Activity

Add camera name tooltip to previews in recording view

Browse Source
This commit is contained in:
Josh Hawkins 2025-05-12 07:28:42 -05:00
parent f39ddbc00d
commit 1d77ddab88
1 changed files with 37 additions and 25 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
web/src/views/recording/RecordingView.tsx
View File

@ -50,6 +50,11 @@ import { useFullscreen } from "@/hooks/use-fullscreen";
import { useTimezone } from "@/hooks/use-date-utils"; import { useTimezone } from "@/hooks/use-date-utils";
import { useTimelineZoom } from "@/hooks/use-timeline-zoom"; import { useTimelineZoom } from "@/hooks/use-timeline-zoom";
import { useTranslation } from "react-i18next"; import { useTranslation } from "react-i18next";
import {
Tooltip,
TooltipContent,
TooltipTrigger,
} from "@/components/ui/tooltip";
type RecordingViewProps = { type RecordingViewProps = {
startCamera: string; startCamera: string;
@ -670,6 +675,8 @@ export function RecordingView({
} }
return ( return (
<Tooltip>
<TooltipTrigger asChild>
<div <div
key={cam} key={cam}
className={ className={
@ -695,6 +702,11 @@ export function RecordingView({
onClick={() => onSelectCamera(cam)} onClick={() => onSelectCamera(cam)}
/> />
</div> </div>
</TooltipTrigger>
<TooltipContent className="smart-capitalize">
{cam}
</TooltipContent>
</Tooltip>
); );
})} })}
<div className="w-2" /> <div className="w-2" />