diff --git a/web/src/components/overlay/dialog/SearchFilterDialog.tsx b/web/src/components/overlay/dialog/SearchFilterDialog.tsx index df293dbe1..845c3bc1a 100644 --- a/web/src/components/overlay/dialog/SearchFilterDialog.tsx +++ b/web/src/components/overlay/dialog/SearchFilterDialog.tsx @@ -27,6 +27,12 @@ import { DualThumbSlider } from "@/components/ui/slider"; import { Input } from "@/components/ui/input"; import { Checkbox } from "@/components/ui/checkbox"; import { ToggleGroup, ToggleGroupItem } from "@/components/ui/toggle-group"; +import { + Tooltip, + TooltipContent, + TooltipProvider, + TooltipTrigger, +} from "@/components/ui/tooltip"; type SearchFilterDialogProps = { config?: FrigateConfig; @@ -541,9 +547,7 @@ export function SnapshotClipFilterContent({ hasClip !== undefined, ); const [isFrigatePlusFilterActive, setIsFrigatePlusFilterActive] = useState( - submittedToFrigatePlus !== undefined && - isSnapshotFilterActive && - hasSnapshot === true, + submittedToFrigatePlus !== undefined, ); useEffect(() => { @@ -555,12 +559,11 @@ export function SnapshotClipFilterContent({ }, [hasClip]); useEffect(() => { - setIsFrigatePlusFilterActive( - submittedToFrigatePlus !== undefined && - isSnapshotFilterActive && - hasSnapshot === true, - ); - }, [submittedToFrigatePlus, isSnapshotFilterActive, hasSnapshot]); + setIsFrigatePlusFilterActive(submittedToFrigatePlus !== undefined); + }, [submittedToFrigatePlus]); + + const isFrigatePlusFilterDisabled = + !isSnapshotFilterActive || hasSnapshot !== true; return (