Mirrors/blakeblackshear.frigate
1
0
Fork 0
mirror of https://github.com/blakeblackshear/frigate.git synced 2024-11-21 19:07:46 +01:00
Code Issues Projects Releases Wiki Activity

Add portal the live player tooltip (#13389)

Browse Source
This commit is contained in:
Josh Hawkins 2024-08-27 20:14:22 -05:00 committed by Nicolas Mowen
parent 58a8028485
commit 3f996cd62c
1 changed files with 17 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -18,6 +18,7 @@ import Chip from "../indicators/Chip";
import { capitalizeFirstLetter } from "@/utils/stringUtil"; import { capitalizeFirstLetter } from "@/utils/stringUtil";
import { cn } from "@/lib/utils"; import { cn } from "@/lib/utils";
import { TbExclamationCircle } from "react-icons/tb"; import { TbExclamationCircle } from "react-icons/tb";
import { TooltipPortal } from "@radix-ui/react-tooltip";
type LivePlayerProps = { type LivePlayerProps = {
cameraRef?: (ref: HTMLDivElement | null) => void; cameraRef?: (ref: HTMLDivElement | null) => void;
@ -258,6 +259,7 @@ export default function LivePlayer({
</div> </div>
</TooltipTrigger> </TooltipTrigger>
</div> </div>
<TooltipPortal>
<TooltipContent className="capitalize"> <TooltipContent className="capitalize">
{[ {[
...new Set([ ...new Set([
@ -272,6 +274,7 @@ export default function LivePlayer({
.join(", ") .join(", ")
.replaceAll("-verified", "")} .replaceAll("-verified", "")}
</TooltipContent> </TooltipContent>
</TooltipPortal>
</Tooltip> </Tooltip>
</div> </div>
)} )}