import { useQuery } from "@tanstack/react-query";
import { getOrCacheBlob } from "../utils/cacheSound";

type UseFileUploadProps = {
  queryKey?: string[];
};

const getUploadFiles = async ({ queryKey }: { queryKey: string[] }) => {
  const [, fileName] = queryKey;
  const url = fileName;
  return getOrCacheBlob(url);
};

export const useGetUploadedFiles = ({ queryKey }: UseFileUploadProps) => {
  const query = useQuery({
    queryKey: ["getUploadFiles", ...(queryKey ?? [])],
    queryFn: () => getUploadFiles({ queryKey: ["getUploadFiles", ...(queryKey ?? [])] }),
    enabled: !!queryKey,
  });

  return { query: queryKey ? query : undefined };
};