From 10c2e47876c5b5360f76ddd186cb0b754bb80e5c Mon Sep 17 00:00:00 2001
From: Nicolas Mowen <nickmowen213@gmail.com>
Date: Tue, 16 Apr 2024 07:35:42 -0600
Subject: [PATCH] Use everywhere and remove unused

---
 .../components/filter/CameraGroupSelector.tsx |  4 +--
 web/src/components/filter/FilterCheckBox.tsx  | 34 -------------------
 .../components/filter/ReviewFilterGroup.tsx   |  1 -
 3 files changed, 2 insertions(+), 37 deletions(-)
 delete mode 100644 web/src/components/filter/FilterCheckBox.tsx

diff --git a/web/src/components/filter/CameraGroupSelector.tsx b/web/src/components/filter/CameraGroupSelector.tsx
index e514667ed..c147ab638 100644
--- a/web/src/components/filter/CameraGroupSelector.tsx
+++ b/web/src/components/filter/CameraGroupSelector.tsx
@@ -22,8 +22,8 @@ import {
   DropdownMenuSeparator,
   DropdownMenuTrigger,
 } from "../ui/dropdown-menu";
-import FilterCheckBox from "./FilterCheckBox";
 import axios from "axios";
+import FilterSwitch from "./FilterSwitch";
 
 type CameraGroupSelectorProps = {
   className?: string;
@@ -305,7 +305,7 @@ function NewGroupDialog({ open, setOpen, currentGroups }: NewGroupDialogProps) {
                   ...(birdseyeConfig?.enabled ? ["birdseye"] : []),
                   ...Object.keys(config?.cameras ?? {}),
                 ].map((camera) => (
-                  <FilterCheckBox
+                  <FilterSwitch
                     key={camera}
                     isChecked={cameras.includes(camera)}
                     label={camera.replaceAll("_", " ")}
diff --git a/web/src/components/filter/FilterCheckBox.tsx b/web/src/components/filter/FilterCheckBox.tsx
deleted file mode 100644
index 8ea8d0d1a..000000000
--- a/web/src/components/filter/FilterCheckBox.tsx
+++ /dev/null
@@ -1,34 +0,0 @@
-import { LuCheck } from "react-icons/lu";
-import { Button } from "../ui/button";
-import { IconType } from "react-icons";
-
-type FilterCheckBoxProps = {
-  label: string;
-  CheckIcon?: IconType;
-  iconClassName?: string;
-  isChecked: boolean;
-  onCheckedChange: (isChecked: boolean) => void;
-};
-
-export default function FilterCheckBox({
-  label,
-  CheckIcon = LuCheck,
-  iconClassName = "size-6",
-  isChecked,
-  onCheckedChange,
-}: FilterCheckBoxProps) {
-  return (
-    <Button
-      className="capitalize flex justify-between items-center cursor-pointer w-full text-primary"
-      variant="ghost"
-      onClick={() => onCheckedChange(!isChecked)}
-    >
-      {isChecked ? (
-        <CheckIcon className={iconClassName} />
-      ) : (
-        <div className={iconClassName} />
-      )}
-      <div className="ml-1 w-full flex justify-start">{label}</div>
-    </Button>
-  );
-}
diff --git a/web/src/components/filter/ReviewFilterGroup.tsx b/web/src/components/filter/ReviewFilterGroup.tsx
index 252b8d5df..2a36b2a60 100644
--- a/web/src/components/filter/ReviewFilterGroup.tsx
+++ b/web/src/components/filter/ReviewFilterGroup.tsx
@@ -24,7 +24,6 @@ import { isDesktop, isMobile } from "react-device-detect";
 import { Drawer, DrawerContent, DrawerTrigger } from "../ui/drawer";
 import { Switch } from "../ui/switch";
 import { Label } from "../ui/label";
-import FilterCheckBox from "./FilterCheckBox";
 import ReviewActivityCalendar from "../overlay/ReviewActivityCalendar";
 import MobileReviewSettingsDrawer, {
   DrawerFeatures,