diff --git a/apps/mobile/web-app/html-renderer/src/components/heading.tsx b/apps/mobile/web-app/html-renderer/src/components/heading.tsx index dd98e515d..33763ae79 100644 --- a/apps/mobile/web-app/html-renderer/src/components/heading.tsx +++ b/apps/mobile/web-app/html-renderer/src/components/heading.tsx @@ -1,10 +1,14 @@ -import { useScrollViewElement } from "@follow/components/ui/scroll-area/hooks.js" -import { springScrollToElement } from "@follow/utils/scroller" import { cn } from "@follow/utils/utils" -import { useContext, useId, useRef } from "react" - -import { MarkdownRenderContainerRefContext } from "./__internal/ctx" +import { useId, useRef } from "react" +const size = { + 1: "text-[1.6em]", + 2: "text-[1.5em]", + 3: "text-[1.3em]", + 4: "text-[1.1em]", + 5: "text-[1.05em]", + 6: "text-[1em]", +} export const createHeadingRenderer = (level: number) => ( @@ -15,35 +19,16 @@ export const createHeadingRenderer = const As = `h${level}` as any const { node, ...rest } = props as any - const scroller = useScrollViewElement() - const renderContainer = useContext(MarkdownRenderContainerRefContext) const ref = useRef(null) return ( - + {rest.children} - { - if (!renderContainer) return - - springScrollToElement( - renderContainer.querySelector(`[data-rid="${rid}"]`)!, - -100, - scroller!, - ) - }} - > - - - - - ) }