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

Fix filter buttons

Browse Source
This commit is contained in:
Nicolas Mowen 2024-09-13 06:48:57 -06:00
parent 54b80662cf
commit 74a1ea37f2
1 changed files with 23 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
web/src/components/filter/SearchFilterGroup.tsx
View File

@ -2,7 +2,7 @@ import { Button } from "../ui/button";
import { Popover, PopoverContent, PopoverTrigger } from "../ui/popover"; import { Popover, PopoverContent, PopoverTrigger } from "../ui/popover";
import useSWR from "swr"; import useSWR from "swr";
import { FrigateConfig } from "@/types/frigateConfig"; import { FrigateConfig } from "@/types/frigateConfig";
import { useCallback, useMemo, useState } from "react"; import { useCallback, useEffect, useMemo, useState } from "react";
import { DropdownMenuSeparator } from "../ui/dropdown-menu"; import { DropdownMenuSeparator } from "../ui/dropdown-menu";
import { getEndOfDayTimestamp } from "@/utils/dateUtil"; import { getEndOfDayTimestamp } from "@/utils/dateUtil";
import { isMobile } from "react-device-detect"; import { isMobile } from "react-device-detect";
@ -261,6 +261,17 @@ function GeneralFilterButton({
return `${selectedLabels.length} Labels`; return `${selectedLabels.length} Labels`;
}, [selectedLabels]); }, [selectedLabels]);
// ui
useEffect(
() => {
setCurrentLabels(selectedLabels);
},
// only refresh when state changes
// eslint-disable-next-line react-hooks/exhaustive-deps
[selectedLabels],
);
const trigger = ( const trigger = (
<Button <Button
size="sm" size="sm"
@ -447,6 +458,17 @@ function ZoneFilterButton({
return `${selectedZones.length} Zones`; return `${selectedZones.length} Zones`;
}, [selectedZones]); }, [selectedZones]);
// ui
useEffect(
() => {
setCurrentZones(selectedZones);
},
// only refresh when state changes
// eslint-disable-next-line react-hooks/exhaustive-deps
[selectedZones],
);
const trigger = ( const trigger = (
<Button <Button
size="sm" size="sm"