administrator/frigate
1
0
Fork 0
mirror of https://github.com/blakeblackshear/frigate.git synced 2026-04-11 17:47:37 +03:00
Code Issues Actions 1 Packages Projects Releases Wiki Activity

change icon and popover text in detail stream for annotation settings

Browse Source
This commit is contained in:
Josh Hawkins 2025-11-06 07:42:11 -06:00
parent 57f328e9e5
commit 28b6555998
2 changed files with 5 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
web/src/components/overlay/detail/AnnotationOffsetSlider.tsx
View File

@ -121,13 +121,13 @@ export default function AnnotationOffsetSlider({ className }: Props) {
<PopoverTrigger asChild> <PopoverTrigger asChild>
<button <button
className="focus:outline-none" className="focus:outline-none"
aria-label={t("trackingDetails.annotationSettings.offset.desc")} aria-label={t("trackingDetails.annotationSettings.offset.tips")}
> >
<LuInfo className="size-4" /> <LuInfo className="size-4" />
</button> </button>
</PopoverTrigger> </PopoverTrigger>
<PopoverContent className="w-80 text-sm"> <PopoverContent className="w-80 text-sm">
{t("trackingDetails.annotationSettings.offset.desc")} {t("trackingDetails.annotationSettings.offset.tips")}
</PopoverContent> </PopoverContent>
</Popover> </Popover>
</div> </div>

11
web/src/components/timeline/DetailStream.tsx
View File

@ -16,13 +16,7 @@ import ActivityIndicator from "../indicators/activity-indicator";
import { Event } from "@/types/event"; import { Event } from "@/types/event";
import { getIconForLabel } from "@/utils/iconUtil"; import { getIconForLabel } from "@/utils/iconUtil";
import { ReviewSegment } from "@/types/review"; import { ReviewSegment } from "@/types/review";
import { import { LuChevronDown, LuCircle, LuChevronRight } from "react-icons/lu";
LuChevronDown,
LuCircle,
LuChevronRight,
LuSettings,
} from "react-icons/lu";
import { MdAutoAwesome } from "react-icons/md";
import { getTranslatedLabel } from "@/utils/i18n"; import { getTranslatedLabel } from "@/utils/i18n";
import EventMenu from "@/components/timeline/EventMenu"; import EventMenu from "@/components/timeline/EventMenu";
import { FrigatePlusDialog } from "@/components/overlay/dialog/FrigatePlusDialog"; import { FrigatePlusDialog } from "@/components/overlay/dialog/FrigatePlusDialog";
@ -32,6 +26,7 @@ import { Link } from "react-router-dom";
import { Switch } from "@/components/ui/switch"; import { Switch } from "@/components/ui/switch";
import { usePersistence } from "@/hooks/use-persistence"; import { usePersistence } from "@/hooks/use-persistence";
import { isDesktop } from "react-device-detect"; import { isDesktop } from "react-device-detect";
import { PiSlidersHorizontalBold } from "react-icons/pi";
type DetailStreamProps = { type DetailStreamProps = {
reviewItems?: ReviewSegment[]; reviewItems?: ReviewSegment[];
@ -237,7 +232,7 @@ export default function DetailStream({
className="flex w-full items-center justify-between p-3" className="flex w-full items-center justify-between p-3"
> >
<div className="flex items-center gap-2 text-sm font-medium"> <div className="flex items-center gap-2 text-sm font-medium">
<LuSettings className="size-4" /> <PiSlidersHorizontalBold className="size-4" />
<span>{t("detail.settings")}</span> <span>{t("detail.settings")}</span>
</div> </div>
{controlsExpanded ? ( {controlsExpanded ? (