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

fix chips

Browse Source
This commit is contained in:
Josh Hawkins 2024-06-10 17:56:23 -05:00
parent aea5ff2986
commit 5d6ee126ea
1 changed files with 43 additions and 42 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -207,48 +207,49 @@ export default function LivePlayer({
<ActivityIndicator /> <ActivityIndicator />
)} )}
{liveReady && objects.length > 0 && ( {((showStillWithoutActivity && !liveReady) || liveReady) &&
<div className="absolute left-0 top-2 z-40"> objects.length > 0 && (
<Tooltip> <div className="absolute left-0 top-2 z-40">
<div className="flex"> <Tooltip>
<TooltipTrigger asChild> <div className="flex">
<div className="mx-3 pb-1 text-sm text-white"> <TooltipTrigger asChild>
<Chip <div className="mx-3 pb-1 text-sm text-white">
className={`z-0 flex items-start justify-between space-x-1 bg-gray-500 bg-gradient-to-br from-gray-400 to-gray-500`} <Chip
> className={`z-0 flex items-start justify-between space-x-1 bg-gray-500 bg-gradient-to-br from-gray-400 to-gray-500`}
{[ >
...new Set([ {[
...(objects || []).map(({ label }) => label), ...new Set([
]), ...(objects || []).map(({ label }) => label),
] ]),
.map((label) => { ]
return getIconForLabel(label, "size-3 text-white"); .map((label) => {
}) return getIconForLabel(label, "size-3 text-white");
.sort()} })
</Chip> .sort()}
</div> </Chip>
</TooltipTrigger> </div>
</div> </TooltipTrigger>
<TooltipContent className="capitalize"> </div>
{[ <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) => .filter(
label !== undefined && !label.includes("-verified"), (label) =>
) label !== undefined && !label.includes("-verified"),
.map((label) => capitalizeFirstLetter(label)) )
.sort() .map((label) => capitalizeFirstLetter(label))
.join(", ") .sort()
.replaceAll("-verified", "")} .join(", ")
</TooltipContent> .replaceAll("-verified", "")}
</Tooltip> </TooltipContent>
</div> </Tooltip>
)} </div>
)}
<div <div
className={`absolute inset-0 w-full ${ className={`absolute inset-0 w-full ${