Press n or j to go to the next uncovered block, b, p or k for the previous block.
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 | 6x 6x 3x 1x 1x 2x 6x 6x 3x 1x 1x 2x 6x 6x 3x 1x 1x 2x 6x 6x 3x 1x 1x 2x 6x 6x 3x 1x 2x | import { useMutation, useQueryClient } from "@tanstack/react-query";
import { notify } from "../../lib/notify";
import { proApi } from "../../lib/api";
import { getErrorMessage } from "../../lib/api/base";
import { queryKeys } from "../../lib/query-keys";
import type {
BlogImage,
UploadBlogImageInput,
AddPexelsImageInput,
AddProjectImageInput,
UpdateBlogImageInput,
} from "../../lib/api/blog-images";
export function useUploadBlogImage(proId: string, blogId: string) {
const queryClient = useQueryClient();
return useMutation({
mutationFn: async (input: UploadBlogImageInput) => {
const response = await proApi.uploadBlogImage(proId, blogId, input);
return response.data as BlogImage;
},
onSuccess: () => {
queryClient.invalidateQueries({
queryKey: queryKeys.blogImages.list(proId, blogId),
});
},
onError: (err: Error) => {
notify.error(getErrorMessage(err));
},
});
}
export function useAddPexelsImage(proId: string, blogId: string) {
const queryClient = useQueryClient();
return useMutation({
mutationFn: async (input: AddPexelsImageInput) => {
const response = await proApi.addPexelsImage(proId, blogId, input);
return response.data as BlogImage;
},
onSuccess: () => {
queryClient.invalidateQueries({
queryKey: queryKeys.blogImages.list(proId, blogId),
});
},
onError: (err: Error) => {
notify.error(getErrorMessage(err));
},
});
}
export function useAddProjectImage(proId: string, blogId: string) {
const queryClient = useQueryClient();
return useMutation({
mutationFn: async (input: AddProjectImageInput) => {
const response = await proApi.addProjectImage(proId, blogId, input);
return response.data as BlogImage;
},
onSuccess: () => {
queryClient.invalidateQueries({
queryKey: queryKeys.blogImages.list(proId, blogId),
});
},
onError: (err: Error) => {
notify.error(getErrorMessage(err));
},
});
}
export function useUpdateBlogImage(
proId: string,
blogId: string,
imageId: number,
) {
const queryClient = useQueryClient();
return useMutation({
mutationFn: async (input: UpdateBlogImageInput) => {
const response = await proApi.updateBlogImage(
proId,
blogId,
imageId,
input,
);
return response.data as BlogImage;
},
onSuccess: () => {
queryClient.invalidateQueries({
queryKey: queryKeys.blogImages.list(proId, blogId),
});
},
onError: (err: Error) => {
notify.error(getErrorMessage(err));
},
});
}
export function useDeleteBlogImage(proId: string, blogId: string) {
const queryClient = useQueryClient();
return useMutation({
mutationFn: async (imageId: number) => {
await proApi.deleteBlogImage(proId, blogId, imageId);
},
onSuccess: () => {
queryClient.invalidateQueries({
queryKey: queryKeys.blogImages.list(proId, blogId),
});
},
onError: (err: Error) => {
notify.error(getErrorMessage(err));
},
});
}
|