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

Always show live objects chip

Browse Source
This commit is contained in:
Nicolas Mowen 2024-04-30 09:48:50 -06:00
parent de47f58326
commit 8952e97952
1 changed files with 1 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
web/src/components/player/LivePlayer.tsx
View File

@ -12,7 +12,6 @@ import { LivePlayerMode, VideoResolutionType } from "@/types/live";
import useCameraLiveMode from "@/hooks/use-camera-live-mode"; import useCameraLiveMode from "@/hooks/use-camera-live-mode";
import { getIconForLabel } from "@/utils/iconUtil"; import { getIconForLabel } from "@/utils/iconUtil";
import Chip from "../indicators/Chip"; import Chip from "../indicators/Chip";
import { isMobile } from "react-device-detect";
import { capitalizeFirstLetter } from "@/utils/stringUtil"; import { capitalizeFirstLetter } from "@/utils/stringUtil";
type LivePlayerProps = { type LivePlayerProps = {
@ -44,8 +43,6 @@ export default function LivePlayer({
onClick, onClick,
setFullResolution, setFullResolution,
}: LivePlayerProps) { }: LivePlayerProps) {
const [cameraHovered, setCameraHovered] = useState(false);
// camera activity // camera activity
const { activeMotion, activeTracking, objects } = const { activeMotion, activeTracking, objects } =
@ -159,8 +156,6 @@ export default function LivePlayer({
: "outline-0 outline-background" : "outline-0 outline-background"
} transition-all duration-500 ${className}`} } transition-all duration-500 ${className}`}
onClick={onClick} onClick={onClick}
onMouseEnter={() => setCameraHovered(true)}
onMouseLeave={() => setCameraHovered(false)}
> >
<div className="absolute top-0 inset-x-0 rounded-lg md:rounded-2xl z-10 w-full h-[30%] bg-gradient-to-b from-black/20 to-transparent pointer-events-none"></div> <div className="absolute top-0 inset-x-0 rounded-lg md:rounded-2xl z-10 w-full h-[30%] bg-gradient-to-b from-black/20 to-transparent pointer-events-none"></div>
<div className="absolute bottom-0 inset-x-0 rounded-lg md:rounded-2xl z-10 w-full h-[10%] bg-gradient-to-t from-black/20 to-transparent pointer-events-none"></div> <div className="absolute bottom-0 inset-x-0 rounded-lg md:rounded-2xl z-10 w-full h-[10%] bg-gradient-to-t from-black/20 to-transparent pointer-events-none"></div>
@ -173,7 +168,7 @@ export default function LivePlayer({
<TooltipTrigger asChild> <TooltipTrigger asChild>
<div className="mx-3 pb-1 text-white text-sm"> <div className="mx-3 pb-1 text-white text-sm">
<Chip <Chip
className={`flex items-start justify-between space-x-1 ${cameraHovered || isMobile ? "" : "hidden"} bg-gradient-to-br from-gray-400 to-gray-500 bg-gray-500 z-0`} className={`flex items-start justify-between space-x-1 bg-gradient-to-br from-gray-400 to-gray-500 bg-gray-500 z-0`}
> >
{[ {[
...new Set([ ...new Set([