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

Use existing switch component for general filter content

Browse Source
This commit is contained in:
Nicolas Mowen 2024-04-19 14:54:51 -06:00
parent 57873b90c0
commit df1a10294c
1 changed files with 17 additions and 31 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

48
web/src/components/filter/ReviewFilterGroup.tsx
View File

@ -593,40 +593,26 @@ export function GeneralFilterContent({
<DropdownMenuSeparator /> <DropdownMenuSeparator />
<div className="my-2.5 flex flex-col gap-2.5"> <div className="my-2.5 flex flex-col gap-2.5">
{allLabels.map((item) => ( {allLabels.map((item) => (
<div className="flex justify-between items-center"> <FilterSwitch
<Label label={item.replaceAll("_", " ")}
className="w-full mx-2 text-primary capitalize cursor-pointer" isChecked={currentLabels?.includes(item) ?? false}
htmlFor={item} onCheckedChange={(isChecked) => {
> if (isChecked) {
{item.replaceAll("_", " ")} const updatedLabels = currentLabels ? [...currentLabels] : [];
</Label>
<Switch
key={item}
className="ml-1"
id={item}
checked={currentLabels?.includes(item) ?? false}
onCheckedChange={(isChecked) => {
if (isChecked) {
const updatedLabels = currentLabels
? [...currentLabels]
: [];
updatedLabels.push(item); updatedLabels.push(item);
setCurrentLabels(updatedLabels);
} else {
const updatedLabels = currentLabels ? [...currentLabels] : [];
// can not deselect the last item
if (updatedLabels.length > 1) {
updatedLabels.splice(updatedLabels.indexOf(item), 1);
setCurrentLabels(updatedLabels); setCurrentLabels(updatedLabels);
} else {
const updatedLabels = currentLabels
? [...currentLabels]
: [];
// can not deselect the last item
if (updatedLabels.length > 1) {
updatedLabels.splice(updatedLabels.indexOf(item), 1);
setCurrentLabels(updatedLabels);
}
} }
}} }
/> }}
</div> />
))} ))}
</div> </div>
</div> </div>