diff --git a/web/src/components/filter/SearchFilterGroup.tsx b/web/src/components/filter/SearchFilterGroup.tsx
index c684907df..727b4e028 100644
--- a/web/src/components/filter/SearchFilterGroup.tsx
+++ b/web/src/components/filter/SearchFilterGroup.tsx
@@ -19,6 +19,8 @@ import { DateRange } from "react-day-picker";
import { cn } from "@/lib/utils";
import SubFilterIcon from "../icons/SubFilterIcon";
import { FaLocationDot } from "react-icons/fa6";
+import { MdLabel } from "react-icons/md";
+import SearchSourceIcon from "../icons/SearchSourceIcon";
const SEARCH_FILTERS = [
"cameras",
@@ -241,7 +243,7 @@ function GeneralFilterButton({
variant={selectedLabels?.length ? "select" : "default"}
className="flex items-center gap-2 capitalize"
>
-
-
void;
+};
+
+const SearchSourceIcon = forwardRef
(
+ ({ className, onClick }, ref) => {
+ return (
+
+
+
+
+ );
+ },
+);
+
+export default SearchSourceIcon;
diff --git a/web/src/components/icons/SubFilterIcon.tsx b/web/src/components/icons/SubFilterIcon.tsx
index 1bcb4b64e..4bcbafcac 100644
--- a/web/src/components/icons/SubFilterIcon.tsx
+++ b/web/src/components/icons/SubFilterIcon.tsx
@@ -1,6 +1,7 @@
import { forwardRef } from "react";
import { cn } from "@/lib/utils";
-import { FaCog, FaFilter } from "react-icons/fa";
+import { FaCog } from "react-icons/fa";
+import { MdLabelOutline } from "react-icons/md";
type SubFilterIconProps = {
className?: string;
@@ -15,8 +16,8 @@ const SubFilterIcon = forwardRef(
className={cn("relative flex items-center", className)}
onClick={onClick}
>
-
-
+
+
);
},
diff --git a/web/src/views/search/SearchView.tsx b/web/src/views/search/SearchView.tsx
index 471498d78..9aea9ab70 100644
--- a/web/src/views/search/SearchView.tsx
+++ b/web/src/views/search/SearchView.tsx
@@ -126,9 +126,7 @@ export default function SearchView({
>
setSearch(e.target.value)}
/>