Create hook useCart

src/app/[name]/(Dialogs)/cart/hooks/useCartData.ts

@@ -1,4 +1,4 @@
-import { useMutation } from "@tanstack/react-query";
+import { useMutation, useQuery } from "@tanstack/react-query";
 import * as api from "../service/CartService";
 
 export const useBulkCart = () => {
@@ -6,3 +6,28 @@ export const useBulkCart = () => {
     mutationFn: api.bulkCart,
   });
 };
+
+export const useIncrementCart = () => {
+  return useMutation({
+    mutationFn: api.increment,
+  });
+};
+
+export const useDecrementCart = () => {
+  return useMutation({
+    mutationFn: api.decrement,
+  });
+};
+
+export const useClearCart = () => {
+  return useMutation({
+    mutationFn: api.clear,
+  });
+};
+
+export const useGetCartItems = () => {
+  return useQuery({
+    queryKey: ["cart-items"],
+    queryFn: api.getCartItems,
+  });
+};