Add camera name tooltip to previews in recording view

This commit is contained in:
Josh Hawkins 2025-05-12 07:28:42 -05:00
parent f39ddbc00d
commit 1d77ddab88

View File

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