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 | 2x 2x 2x 1x 1x 1x 2x 2x 2x 1x 1x 1x 2x 2x 2x 1x 1x 1x 2x 2x 2x 1x 1x 2x 2x 2x 1x 1x 1x | import { useMutation, useQueryClient } from "@tanstack/react-query";
import { notify } from "../../lib/notify";
import { adminApi } from "../../lib/api";
import { getErrorMessage } from "../../lib/api/base";
import { queryKeys } from "../../lib/query-keys";
import type { AddPexelsImageInput, UpdateBlogImageInput } from "../../lib/api/blog-images";
export function useAdminUploadBlogImage(blogId: string) {
const queryClient = useQueryClient();
return useMutation({
mutationFn: async ({
file,
altText,
caption,
}: {
file: File;
altText?: string;
caption?: string;
}) => {
const response = await adminApi.uploadAdminBlogImage(blogId, file, {
altText,
caption,
});
return response.data;
},
onSuccess: () => {
queryClient.invalidateQueries({
queryKey: queryKeys.blogImages.adminList(blogId),
});
},
onError: (err: Error) => {
notify.error(getErrorMessage(err));
},
});
}
export function useAdminAddPexelsImage(blogId: string) {
const queryClient = useQueryClient();
return useMutation({
mutationFn: async (input: AddPexelsImageInput) => {
const response = await adminApi.addAdminPexelsImage(blogId, input);
return response.data;
},
onSuccess: () => {
queryClient.invalidateQueries({
queryKey: queryKeys.blogImages.adminList(blogId),
});
},
onError: (err: Error) => {
notify.error(getErrorMessage(err));
},
});
}
export function useAdminAddMediaImage(blogId: string) {
const queryClient = useQueryClient();
return useMutation({
mutationFn: async (input: {
mediaId: number;
altText?: string;
caption?: string;
}) => {
const response = await adminApi.addAdminMediaImage(blogId, input);
return response.data;
},
onSuccess: () => {
queryClient.invalidateQueries({
queryKey: queryKeys.blogImages.adminList(blogId),
});
},
onError: (err: Error) => {
notify.error(getErrorMessage(err));
},
});
}
export function useAdminDeleteBlogImage(blogId: string) {
const queryClient = useQueryClient();
return useMutation({
mutationFn: async (imageId: number) => {
await adminApi.deleteAdminBlogImage(blogId, imageId);
},
onSuccess: () => {
queryClient.invalidateQueries({
queryKey: queryKeys.blogImages.adminList(blogId),
});
},
onError: (err: Error) => {
notify.error(getErrorMessage(err));
},
});
}
export function useAdminUpdateBlogImage(blogId: string, imageId: number) {
const queryClient = useQueryClient();
return useMutation({
mutationFn: async (input: UpdateBlogImageInput) => {
const response = await adminApi.updateAdminBlogImage(blogId, imageId, input);
return response.data;
},
onSuccess: () => {
queryClient.invalidateQueries({
queryKey: queryKeys.blogImages.adminList(blogId),
});
},
onError: (err: Error) => {
notify.error(getErrorMessage(err));
},
});
}
|