Function NotebookEditor

apps/client/components/NotebookEditor/index.tsx:30–217

()

}

export default function NotebookEditor() {
  const router = useRouter();
  const token = getCookie("session");

  const user = useUser();

  const [initialContent, setInitialContent] = useState<
    PartialBlock[] | undefined | "loading"
  >("loading");

  const editor = useMemo(() => {
    if (initialContent === "loading") {
      return undefined;
    }
    return BlockNoteEditor.create({ initialContent });
  }, [initialContent]);

  const [value, setValue] = useState<any>();
  const [note, setNote] = useState();
  const [title, setTitle] = useState();
  const [loading, setLoading] = useState(true);
  const [saving, setSaving] = useState(false);
  const [lastSaved, setLastSaved] = useState();

  const [debouncedValue] = useDebounce(value, 500);
  const [debounceTitle] = useDebounce(title, 500);

  async function fetchNotebook() {
    setValue(undefined);
    setLoading(true);
    const res = await fetch(`/api/v1/notebooks/note/${router.query.id}`, {
      method: "GET",
      headers: {
        "Content-Type": "application/json",
        Authorization: `Bearer ${token}`,
      },
    }).then((res) => res.json());
    if (res.note.userId !== user.user.id) {
      router.back();
    }
    await loadFromStorage(res.note.note).then((content) => {
      setInitialContent(content);
    });
    setNote(res.note);
    setTitle(res.note.title);
    setLoading(false);
  }

  async function updateNoteBook() {
    setSaving(true);
    const res = await fetch(`/api/v1/notebooks/note/${router.query.id}/update`, {
      method: "PUT",
      headers: {
        "Content-Type": "application/json",
        Authorization: `Bearer ${token}`,
      },
      body: JSON.stringify({
        title: debounceTitle,