From 5e80aeb22a29bcb484106a1b5d3000e211c9cdef Mon Sep 17 00:00:00 2001 From: Evan Simkowitz Date: Sat, 7 Sep 2024 11:20:28 -0700 Subject: [PATCH] remove unnecessary callback --- frontend/app/element/markdown.tsx | 8 ++------ 1 file changed, 2 insertions(+), 6 deletions(-) diff --git a/frontend/app/element/markdown.tsx b/frontend/app/element/markdown.tsx index b9d7d8c9c..6795e3258 100644 --- a/frontend/app/element/markdown.tsx +++ b/frontend/app/element/markdown.tsx @@ -8,7 +8,7 @@ import { isBlank, makeConnRoute, useAtomValueSafe } from "@/util/util"; import { clsx } from "clsx"; import { Atom } from "jotai"; import { OverlayScrollbarsComponent, OverlayScrollbarsComponentRef } from "overlayscrollbars-react"; -import { useCallback, useEffect, useMemo, useRef, useState } from "react"; +import { useEffect, useMemo, useRef, useState } from "react"; import ReactMarkdown, { Components } from "react-markdown"; import rehypeRaw from "rehype-raw"; import rehypeSlug from "rehype-slug"; @@ -176,10 +176,6 @@ const Markdown = ({ text, textAtom, showTocAtom, style, className, resolveOpts, // Ensure uniqueness of ids between MD preview instances. const [idPrefix] = useState(crypto.randomUUID()); - const onTocClick = useCallback((href: string) => { - setFocusedHeading(href); - }, []); - useEffect(() => { if (focusedHeading && contentsOsRef.current && contentsOsRef.current.osInstance()) { const { viewport } = contentsOsRef.current.osInstance().elements(); @@ -219,7 +215,7 @@ const Markdown = ({ text, textAtom, showTocAtom, style, className, resolveOpts, key={item.href} className="toc-item" style={{ "--indent-factor": item.depth } as React.CSSProperties} - onClick={() => onTocClick(item.href)} + onClick={() => setFocusedHeading(item.href)} > {item.value}