import { useMutation, useQuery } from "@tanstack/react-query";
import { CAM_BASE } from "../utils/config";
import { toast } from "sonner";
const camBase = import.meta.env.MODE !== "development" ? CAM_BASE : CAM_BASE;

const uploadFile = async (file: File) => {
  const form = new FormData();
  form.append("upload", file, file.name);
  const response = await fetch(`${camBase}/upload/file-upload/3`, {
    method: "POST",
    body: form,
  });
  if (!response.ok) {
    throw new Error("Cannot reach upload file endpoint");
  }
  return response.text();
};

const getUploadFiles = async () => {
  const response = await fetch(`${camBase}/upload/file-upload/3`);
  if (!response.ok) {
    throw new Error("Cannot reach upload file endpoint");
  }
  return response.json();
};

export const useFileUpload = () => {
  const query = useQuery({
    queryKey: ["getUploadFiles"],
    queryFn: getUploadFiles,
  });

  const mutation = useMutation({
    mutationFn: (file: File) => uploadFile(file),
    mutationKey: ["uploadFile"],
    onError: (err) => console.log(err),
    onSuccess: (msg) => toast.success(msg),
  });

  return { query, mutation };
};