Implement Review Filters (#10031)

* Get cameras filter working

* Implement label and review filters

* Fix

* Add time selection

* Cleanup

* Cleanup

* cleanup

* remove commented code

* Fix

web/src/hooks/use-api-filter.ts

@@ -3,11 +3,9 @@ import { useMemo, useState } from "react";
 type useApiFilterReturn<F extends FilterType> = [
   filter: F | undefined,
   setFilter: (filter: F) => void,
-  searchParams:
-    | {
-        [key: string]: any;
-      }
-    | undefined,
+  searchParams: {
+    [key: string]: any;
+  },
 ];
 
 export default function useApiFilter<
@@ -16,7 +14,7 @@ export default function useApiFilter<
   const [filter, setFilter] = useState<F | undefined>(undefined);
   const searchParams = useMemo(() => {
     if (filter == undefined) {
-      return undefined;
+      return {};
     }
 
     const search: { [key: string]: string } = {};

web/src/hooks/use-date-utils.ts

@@ -0,0 +1,12 @@
+import { formatUnixTimestampToDateTime } from "@/utils/dateUtil";
+import { useMemo } from "react";
+
+export function useFormattedTimestamp(timestamp: number, format: string) {
+  const formattedTimestamp = useMemo(() => {
+    return formatUnixTimestampToDateTime(timestamp, {
+      strftime_fmt: format,
+    });
+  }, [format, timestamp]);
+
+  return formattedTimestamp;
+}