web3/site/components/Anchor.js

37 lines
1.0 KiB
JavaScript

import { useRouter } from 'next/router'
import { Tooltip } from './Tooltip';
import siteConfig from '../config/siteConfig.js'
export const Anchor = (props) => {
const { href } = props;
const router = useRouter();
const absoluteContentPath = (href) => {
// return content path only if it points to a local file (href path is relative)
if (
href &&
href.indexOf("http:") !== 0 &&
href.indexOf("https:") !== 0
) {
const currentPageContentPath = [siteConfig.rawContentBaseUrl, router.asPath].join("");
const hrefContentPath = new URL(href, currentPageContentPath).href;
// excluding notes and claims
if (!hrefContentPath.includes("notes") && !hrefContentPath.includes("claims")) {
return hrefContentPath;
}
}
}
if (absoluteContentPath(props.href)) {
return (
<Tooltip {...props} absolutePath={absoluteContentPath(props.href)} render={ tooltipTriggerProps => (
<a {...tooltipTriggerProps} />
)}
/>
)
}
return <a {...props} />;
};