Updated filter params logic. Added inline compare dates.

src/components/hooks/queries/useWebsiteMetricsQuery.ts

@@ -9,7 +9,7 @@ export function useWebsiteMetricsQuery(
   options?: Omit<UseQueryOptions & { onDataLoad?: (data: any) => void }, 'queryKey' | 'queryFn'>,
 ) {
   const { get, useQuery } = useApi();
-  const params = useFilterParams(websiteId);
+  const filterParams = useFilterParams(websiteId);
   const searchParams = useSearchParams();
 
   return useQuery({
@@ -17,13 +17,13 @@ export function useWebsiteMetricsQuery(
       'websites:metrics',
       {
         websiteId,
-        ...params,
+        ...filterParams,
         ...queryParams,
       },
     ],
     queryFn: async () => {
       const data = await get(`/websites/${websiteId}/metrics`, {
-        ...params,
+        ...filterParams,
         [searchParams.get('view')]: undefined,
         ...queryParams,
       });

src/components/hooks/useFilters.ts

@@ -81,7 +81,7 @@ export function useFilters() {
       let value = safeDecodeURIComponent(query[key]);
       const label = fields.find(({ name }) => name === key)?.label;
 
-      const match = value.match(/^([a-z]+)~(.*)/);
+      const match = value.match(/^([a-z]+)\.(.*)/);
 
       if (match) {
         operator = match[1];