refactor: features product 훅분리

src/advanced/features/product/model/index.ts

@@ -1,6 +1,4 @@
-export {
-  useGetProductsQuery,
-  useGetProductByIdQuery,
-  useAddProductMutation,
-  useUpdateProductMutation,
-} from './useProduct';
+export { useGetProductsQuery } from './useGetProductsQuery';
+export { useGetProductByIdQuery } from './useGetProductByIdQuery';
+export { useAddProductMutation } from './useAddProductMutation';
+export { useUpdateProductMutation } from './useUpdateProductMutation';

src/advanced/features/product/model/useAddProductMutation.ts

@@ -0,0 +1,16 @@
+import { useMutation, useQueryClient } from '@tanstack/react-query';
+import { addProduct, UpdateProduct } from '@advanced/entities/product';
+
+export const useAddProductMutation = () => {
+  const queryClient = useQueryClient();
+  return useMutation({
+    mutationKey: ['/api/products'],
+    mutationFn: (product: UpdateProduct) => addProduct(product),
+    onSuccess: () => {
+      queryClient.invalidateQueries({
+        queryKey: ['/api/products'],
+        exact: false,
+      });
+    },
+  });
+};

src/advanced/features/product/model/useGetProductByIdQuery.ts

@@ -0,0 +1,9 @@
+import { useSuspenseQuery } from '@tanstack/react-query';
+import { getProductById } from '@advanced/entities/product';
+
+export const useGetProductByIdQuery = (productId: string) => {
+  return useSuspenseQuery({
+    queryKey: ['/api/products', productId],
+    queryFn: () => getProductById(productId),
+  });
+};

src/advanced/features/product/model/useGetProductsQuery.ts

@@ -0,0 +1,9 @@
+import { useSuspenseQuery } from '@tanstack/react-query';
+import { getProducts } from '@advanced/entities/product';
+
+export const useGetProductsQuery = () => {
+  return useSuspenseQuery({
+    queryKey: ['/api/products'],
+    queryFn: () => getProducts(),
+  });
+};

src/advanced/features/product/model/useUpdateProductMutation.ts

@@ -0,0 +1,22 @@
+import { useMutation, useQueryClient } from '@tanstack/react-query';
+import { updateProduct, UpdateProduct } from '@advanced/entities/product';
+
+export const useUpdateProductMutation = () => {
+  const queryClient = useQueryClient();
+  return useMutation({
+    mutationKey: ['/api/products'],
+    mutationFn: ({
+      productId,
+      product,
+    }: {
+      productId: string;
+      product: Partial<UpdateProduct>;
+    }) => updateProduct(productId, product),
+    onSuccess: () => {
+      queryClient.invalidateQueries({
+        queryKey: ['/api/products'],
+        exact: false,
+      });
+    },
+  });
+};