import { useMutation } from "@tanstack/react-query";
import { getMillis } from "taehui-ts/date";

import { wwwAXIOS } from "src/Www";
import { useAvatarStore } from "src/Stores";

export default function usePostDrawing() {
  const { totem } = useAvatarStore();

  return useMutation({
    mutationFn: async ({ file }: { file: File }) => {
      const form = new FormData();
      form.append("data", file);
      await wwwAXIOS.post("/avatar/drawing", form, {
        headers: { millis: getMillis(), totem },
      });
    },
    onSuccess: async () => {
      window.location.reload();
    },
  });
}