39 lines
959 B
TypeScript
39 lines
959 B
TypeScript
import { useMutation } from "@tanstack/react-query";
|
|
|
|
import {
|
|
ZUploadError,
|
|
zUploadErrorSchema,
|
|
ZUploadResponse,
|
|
zUploadResponseSchema,
|
|
} from "@hoarder/shared/types/uploads";
|
|
|
|
export default function useUpload({
|
|
onSuccess,
|
|
onError,
|
|
}: {
|
|
onError?: (e: ZUploadError, req: File) => void;
|
|
onSuccess?: (resp: ZUploadResponse, req: File) => Promise<void>;
|
|
}) {
|
|
return useMutation({
|
|
mutationFn: async (file: File) => {
|
|
const formData = new FormData();
|
|
formData.append("file", file);
|
|
const resp = await fetch("/api/assets", {
|
|
method: "POST",
|
|
body: formData,
|
|
});
|
|
if (!resp.ok) {
|
|
throw new Error(await resp.text());
|
|
}
|
|
return zUploadResponseSchema.parse(await resp.json());
|
|
},
|
|
onSuccess: onSuccess,
|
|
onError: (error, req) => {
|
|
const err = zUploadErrorSchema.parse(JSON.parse(error.message));
|
|
if (onError) {
|
|
onError(err, req);
|
|
}
|
|
},
|
|
});
|
|
}
|