50 lines
1.5 KiB
JavaScript
50 lines
1.5 KiB
JavaScript
import { useMutation, useQueryClient } from '@tanstack/vue-query';
|
|
import { ref } from 'vue';
|
|
import { ApiMangaRepository } from '../../infrastructure/api/apiMangaRepository';
|
|
|
|
export function useMangaDelete() {
|
|
const mangaRepository = new ApiMangaRepository();
|
|
const queryClient = useQueryClient();
|
|
const isDeleteModalOpen = ref(false);
|
|
|
|
const deleteMutation = useMutation({
|
|
mutationFn: ({ mangaId }) => {
|
|
return mangaRepository.deleteManga(mangaId);
|
|
},
|
|
onSuccess: (data, variables) => {
|
|
// Invalider et refetch les listes de mangas
|
|
queryClient.invalidateQueries({ queryKey: ['mangas'] });
|
|
queryClient.invalidateQueries({ queryKey: ['manga-search'] });
|
|
}
|
|
});
|
|
|
|
const openDeleteModal = () => {
|
|
isDeleteModalOpen.value = true;
|
|
};
|
|
|
|
const closeDeleteModal = () => {
|
|
isDeleteModalOpen.value = false;
|
|
};
|
|
|
|
const deleteManga = async (mangaId) => {
|
|
try {
|
|
await deleteMutation.mutateAsync({ mangaId });
|
|
closeDeleteModal();
|
|
return true;
|
|
} catch (error) {
|
|
console.error('Erreur lors de la suppression du manga:', error);
|
|
throw error;
|
|
}
|
|
};
|
|
|
|
return {
|
|
isDeleteModalOpen,
|
|
openDeleteModal,
|
|
closeDeleteModal,
|
|
deleteManga,
|
|
isLoading: deleteMutation.isPending,
|
|
error: deleteMutation.error,
|
|
isSuccess: deleteMutation.isSuccess
|
|
};
|
|
}
|