online cart

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

@@ -1,27 +1,43 @@
-import { useMutation, useQuery } from "@tanstack/react-query";
+import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
 import * as api from "../service/CartService";
 
 export const useBulkCart = () => {
+  const queryClient = useQueryClient();
   return useMutation({
     mutationFn: api.bulkCart,
+    onSuccess: () => {
+      queryClient.invalidateQueries({ queryKey: ["cart-items"] });
+    },
   });
 };
 
 export const useIncrementCart = () => {
+  const queryClient = useQueryClient();
   return useMutation({
     mutationFn: api.increment,
+    onSuccess: () => {
+      queryClient.invalidateQueries({ queryKey: ["cart-items"] });
+    },
   });
 };
 
 export const useDecrementCart = () => {
+  const queryClient = useQueryClient();
   return useMutation({
     mutationFn: api.decrement,
+    onSuccess: () => {
+      queryClient.invalidateQueries({ queryKey: ["cart-items"] });
+    },
   });
 };
 
 export const useClearCart = () => {
+  const queryClient = useQueryClient();
   return useMutation({
     mutationFn: api.clear,
+    onSuccess: () => {
+      queryClient.invalidateQueries({ queryKey: ["cart-items"] });
+    },
   });
 };