Segment editing.

src/components/hooks/index.ts

@@ -26,7 +26,8 @@ export * from './queries/useTeamMembersQuery';
 export * from './queries/useUserQuery';
 export * from './queries/useUsersQuery';
 export * from './queries/useWebsiteQuery';
-export * from './queries/useWebsiteSegementsQuery';
+export * from './queries/useWebsiteSegmentQuery';
+export * from './queries/useWebsiteSegmentsQuery';
 export * from './queries/useWebsitesQuery';
 export * from './queries/useWebsiteEventsQuery';
 export * from './queries/useWebsiteEventsSeriesQuery';

src/components/hooks/queries/useWebsiteSegmentQuery.ts

@@ -0,0 +1,21 @@
+import { useApi } from '../useApi';
+import { useModified } from '@/components/hooks';
+import { keepPreviousData } from '@tanstack/react-query';
+import { ReactQueryOptions } from '@/lib/types';
+
+export function useWebsiteSegmentQuery(
+  websiteId: string,
+  segmentId: string,
+  options?: ReactQueryOptions<any>,
+) {
+  const { get, useQuery } = useApi();
+  const { modified } = useModified(`segments`);
+
+  return useQuery({
+    queryKey: ['website:segments', { websiteId, segmentId, modified }],
+    queryFn: () => get(`/websites/${websiteId}/segments/${segmentId}`),
+    enabled: !!(websiteId && segmentId),
+    placeholderData: keepPreviousData,
+    ...options,
+  });
+}

src/components/hooks/queries/useWebsiteSegmentsQuery.ts

@@ -2,6 +2,7 @@ import { useApi } from '../useApi';
 import { useModified } from '@/components/hooks';
 import { keepPreviousData } from '@tanstack/react-query';
 import { ReactQueryOptions } from '@/lib/types';
+import { useFilterParameters } from '@/components/hooks/useFilterParameters';
 
 export function useWebsiteSegmentsQuery(
   websiteId: string,
@@ -9,11 +10,12 @@ export function useWebsiteSegmentsQuery(
   options?: ReactQueryOptions<any>,
 ) {
   const { get, useQuery } = useApi();
-  const { modified } = useModified(`website:${websiteId}`);
+  const { modified } = useModified(`segments`);
+  const filters = useFilterParameters();
 
   return useQuery({
-    queryKey: ['website:segments', { websiteId, modified, ...params }],
-    queryFn: () => get(`/websites/${websiteId}/segments`, { ...params }),
+    queryKey: ['website:segments', { websiteId, modified, ...filters, ...params }],
+    queryFn: () => get(`/websites/${websiteId}/segments`, { ...filters, ...params }),
     enabled: !!websiteId,
     placeholderData: keepPreviousData,
     ...options,