Optimistic Update

export function useDeleteProductOptimistic() {
  const queryClient = useQueryClient();

  return useMutation({
    mutationFn: (id: string) => deleteProduct(id),

    // 1) UI আগেই বদলে ফেলি
    onMutate: async (id) => {
      await queryClient.cancelQueries({ queryKey: productKeys.all });

      // পুরনো সব list entries snapshot করে রাখি
      const previousEntries = queryClient.getQueriesData({
        queryKey: productKeys.lists(),
      });

      // সব list cache থেকে item সরিয়ে ফেলি
      queryClient.setQueriesData<ProductListResponse>(
        { queryKey: productKeys.lists() },
        (old) => {
          if (!old) return old;
          return {
            ...old,
            items: old.items.filter((p) => p.id !== id),
            total: old.total - 1,
          };
        }
      );

      return { previousEntries };
    },

    // 2) ব্যর্থ হলে রোলব্যাক
    onError: (_error, _id, context) => {
      context?.previousEntries.forEach(([key, data]) => {
        queryClient.setQueryData(key, data);
      });
      toast.error("মুছতে ব্যর্থ — আবার চেষ্টা করুন");
    },

    // 3) শেষে সার্ভার-সত্যে মিলিয়ে নিই
    onSettled: () => {
      queryClient.invalidateQueries({ queryKey: productKeys.all });
    },
  });
}