import { useMutation, useQueryClient } from "@tanstack/react-query";
import { wwwAXIOS } from "src/Www";
import { getMillis } from "taehui-ts/date";
import { useTo } from "taehui-ts/fe-utility";

import { useAvatarStore } from "src/Stores";

export default function usePutEssay(forumID: string) {
  const { totem } = useAvatarStore();

  const queryClient = useQueryClient();

  const to = useTo();

  return useMutation({
    mutationFn: async ({
      essayID,
      title,
      text,
    }: {
      essayID: string;
      title: string;
      text: string;
    }) => {
      await wwwAXIOS.put(
        `/essay/${essayID}`,
        {
          title,
          text,
        },
        {
          headers: {
            millis: getMillis(),
            totem,
          },
        },
      );
    },
    onSuccess: async (data, { essayID }) => {
      await queryClient.invalidateQueries({ queryKey: ["forum"] });
      await queryClient.invalidateQueries({ queryKey: ["essay"] });

      to(`/forum/${forumID}/${essayID}`);
    },
  });
}