Fixed metrics search.

package.json

@@ -1,6 +1,6 @@
 {
   "name": "umami",
-  "version": "2.11.3",
+  "version": "2.12.0",
   "description": "A simple, fast, privacy-focused alternative to Google Analytics.",
   "author": "Umami Software, Inc. <hello@umami.is>",
   "license": "MIT",

src/components/hooks/queries/useWebsiteMetrics.ts

@@ -4,8 +4,7 @@ import { useFilterParams } from '../useFilterParams';
 
 export function useWebsiteMetrics(
   websiteId: string,
-  type: string,
+  query: { type: string; limit: number; search: string },
-  limit: number,
   options?: Omit<UseQueryOptions & { onDataLoad?: (data: any) => void }, 'queryKey' | 'queryFn'>,
 ) {
   const { get, useQuery } = useApi();
@@ -17,19 +16,17 @@ export function useWebsiteMetrics(
       {
         websiteId,
         ...params,
-        type,
+        ...query,
-        limit,
       },
     ],
     queryFn: async () => {
       const filters = { ...params };
 
-      filters[type] = undefined;
+      filters[query.type] = undefined;
 
       const data = await get(`/websites/${websiteId}/metrics`, {
         ...filters,
-        type,
+        ...query,
-        limit,
       });
 
       options?.onDataLoad?.(data);

src/components/metrics/MetricsTable.tsx

@@ -48,10 +48,14 @@ export function MetricsTable({
   const { formatMessage, labels } = useMessages();
   const { dir } = useLocale();
 
-  const { data, isLoading, isFetched, error } = useWebsiteMetrics(websiteId, type, limit, {
+  const { data, isLoading, isFetched, error } = useWebsiteMetrics(
-    retryDelay: delay || DEFAULT_ANIMATION_DURATION,
+    websiteId,
-    onDataLoad,
+    { type, limit, search },
-  });
+    {
+      retryDelay: delay || DEFAULT_ANIMATION_DURATION,
+      onDataLoad,
+    },
+  );
 
   const filteredData = useMemo(() => {
     if (data) {