Phase 0.4: split hooks.ts into separate API modules

frontend/src/api/users.ts

@@ -0,0 +1,54 @@
+/**
+ * User CRUD hooks.
+ */
+
+import { useQuery, useMutation, useQueryClient } from '@tanstack/react-query';
+import { apiGet, apiPost, apiPatch, apiDelete } from './client';
+import { PaginatedResponse } from './types';
+
+export function useUsers(page = 1, pageSize = 25) {
+  return useQuery({
+    queryKey: ['users', page, pageSize],
+    queryFn: () =>
+      apiGet<PaginatedResponse<any>>(`/users?page=${page}&page_size=${pageSize}`),
+  });
+}
+
+export function useUser(id?: string) {
+  return useQuery({
+    queryKey: ['users', id],
+    queryFn: () => apiGet<any>(`/users/${id}`),
+    enabled: !!id,
+  });
+}
+
+export function useCreateUser() {
+  const queryClient = useQueryClient();
+  return useMutation({
+    mutationFn: (data: any) => apiPost('/users', data),
+    onSuccess: () => {
+      queryClient.invalidateQueries({ queryKey: ['users'] });
+    },
+  });
+}
+
+export function useUpdateUser() {
+  const queryClient = useQueryClient();
+  return useMutation({
+    mutationFn: ({ id, data }: { id: string; data: any }) =>
+      apiPatch(`/users/${id}`, data),
+    onSuccess: () => {
+      queryClient.invalidateQueries({ queryKey: ['users'] });
+    },
+  });
+}
+
+export function useDeleteUser() {
+  const queryClient = useQueryClient();
+  return useMutation({
+    mutationFn: (id: string) => apiDelete(`/users/${id}`),
+    onSuccess: () => {
+      queryClient.invalidateQueries({ queryKey: ['users'] });
+    },
+  });
+}