forked from Github/frigate
Refactor Search Page (#13645)
* Always enable search page * Always show eents when searching * No default search background * Center and show all filters when semantic search is not enabled * Limit number of default items shown * Adjust search options * Add support for sub label filtering * Separate out filters and clean up detail pane * Tablet cleanup * Fix current hour search preview * Handle single lists * Cleanup api search
This commit is contained in:
25
web/src/components/icons/SubFilterIcon.tsx
Normal file
25
web/src/components/icons/SubFilterIcon.tsx
Normal file
@@ -0,0 +1,25 @@
|
||||
import { forwardRef } from "react";
|
||||
import { cn } from "@/lib/utils";
|
||||
import { FaCog, FaFilter } from "react-icons/fa";
|
||||
|
||||
type SubFilterIconProps = {
|
||||
className?: string;
|
||||
onClick?: () => void;
|
||||
};
|
||||
|
||||
const SubFilterIcon = forwardRef<HTMLDivElement, SubFilterIconProps>(
|
||||
({ className, onClick }, ref) => {
|
||||
return (
|
||||
<div
|
||||
ref={ref}
|
||||
className={cn("relative flex items-center", className)}
|
||||
onClick={onClick}
|
||||
>
|
||||
<FaFilter className="size-full" />
|
||||
<FaCog className="absolute size-3 translate-x-3 translate-y-3/4" />
|
||||
</div>
|
||||
);
|
||||
},
|
||||
);
|
||||
|
||||
export default SubFilterIcon;
|
||||
Reference in New Issue
Block a user