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

31
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,20 +259,22 @@ export default function LivePlayer({
</div> </div>
</TooltipTrigger> </TooltipTrigger>
</div> </div>
<TooltipContent className="capitalize"> <TooltipPortal>
{[ <TooltipContent className="capitalize">
...new Set([ {[
...(objects || []).map(({ label, sub_label }) => ...new Set([
label.endsWith("verified") ? sub_label : label, ...(objects || []).map(({ label, sub_label }) =>
), label.endsWith("verified") ? sub_label : label,
]), ),
] ]),
.filter((label) => label?.includes("-verified") == false) ]
.map((label) => capitalizeFirstLetter(label)) .filter((label) => label?.includes("-verified") == false)
.sort() .map((label) => capitalizeFirstLetter(label))
.join(", ") .sort()
.replaceAll("-verified", "")} .join(", ")
</TooltipContent> .replaceAll("-verified", "")}
</TooltipContent>
</TooltipPortal>
</Tooltip> </Tooltip>
</div> </div>
)} )}