@blocknote/react/src/hooks/useUploadLoading.ts

A "Notion-style" block-based extensible text editor built on top of Prosemirror and Tiptap.

import { useState } from "react";
import { useOnUploadEnd } from "./useOnUploadEnd.js";
import { useOnUploadStart } from "./useOnUploadStart.js";

export function useUploadLoading(blockId?: string) {
  const [showLoader, setShowLoader] = useState(false);

  useOnUploadStart((uploadBlockId) => {
    if (uploadBlockId === blockId) {
      setShowLoader(true);
    }
  });

  useOnUploadEnd((uploadBlockId) => {
    if (uploadBlockId === blockId) {
      setShowLoader(false);
    }
  });

  return showLoader;
}