docs: fix base path not added to hash links (#10235)
This commit is contained in:
@@ -1,10 +1,9 @@
|
||||
"use client"
|
||||
|
||||
import clsx from "clsx"
|
||||
import React, { useMemo } from "react"
|
||||
import React from "react"
|
||||
import { CopyButton, Link } from "@/components"
|
||||
import { useIsBrowser } from "../../../providers"
|
||||
import { usePathname } from "next/navigation"
|
||||
import { useHeadingUrl } from "../../.."
|
||||
|
||||
type H2Props = React.HTMLAttributes<HTMLHeadingElement> & {
|
||||
id?: string
|
||||
@@ -12,16 +11,9 @@ type H2Props = React.HTMLAttributes<HTMLHeadingElement> & {
|
||||
}
|
||||
|
||||
export const H2 = ({ className, children, passRef, ...props }: H2Props) => {
|
||||
const { isBrowser } = useIsBrowser()
|
||||
const pathname = usePathname()
|
||||
const copyText = useMemo(() => {
|
||||
const hash = `#${props.id}`
|
||||
if (!isBrowser) {
|
||||
return hash
|
||||
}
|
||||
|
||||
return `${window.location.origin}${pathname}${hash}`
|
||||
}, [props.id, isBrowser, pathname])
|
||||
const copyText = useHeadingUrl({
|
||||
id: props.id || "",
|
||||
})
|
||||
return (
|
||||
<h2
|
||||
className={clsx(
|
||||
|
||||
@@ -1,30 +1,16 @@
|
||||
"use client"
|
||||
|
||||
import clsx from "clsx"
|
||||
import React, { useMemo } from "react"
|
||||
import React from "react"
|
||||
import { CopyButton, Link } from "@/components"
|
||||
import { useIsBrowser } from "../../../providers"
|
||||
import { useHeadingUrl } from "../../.."
|
||||
|
||||
type H3Props = React.HTMLAttributes<HTMLHeadingElement> & {
|
||||
id?: string
|
||||
}
|
||||
|
||||
export const H3 = ({ className, children, ...props }: H3Props) => {
|
||||
const { isBrowser } = useIsBrowser()
|
||||
const copyText = useMemo(() => {
|
||||
const url = `#${props.id}`
|
||||
if (!isBrowser) {
|
||||
return url
|
||||
}
|
||||
|
||||
const hashIndex = window.location.href.indexOf("#")
|
||||
return (
|
||||
window.location.href.substring(
|
||||
0,
|
||||
hashIndex !== -1 ? hashIndex : window.location.href.length
|
||||
) + url
|
||||
)
|
||||
}, [props.id, isBrowser])
|
||||
const copyText = useHeadingUrl({ id: props.id || "" })
|
||||
return (
|
||||
<h3
|
||||
className={clsx(
|
||||
|
||||
Reference in New Issue
Block a user