CoastalCommitsPastes/client/components/Link.tsx

13 lines
495 B
TypeScript
Raw Normal View History

import type { LinkProps } from "@geist-ui/core"
import { Link as GeistLink } from "@geist-ui/core"
2022-03-06 20:20:01 -05:00
import { useRouter } from "next/router";
const Link = (props: LinkProps) => {
const { basePath } = useRouter();
const propHrefWithoutLeadingSlash = props.href && props.href.startsWith("/") ? props.href.substring(1) : props.href;
2022-03-06 20:29:34 -05:00
const href = basePath ? `${basePath}/${propHrefWithoutLeadingSlash}` : props.href;
2022-03-06 20:25:23 -05:00
return <GeistLink {...props} href={href} />
2022-03-06 20:20:01 -05:00
}
2022-03-06 20:27:13 -05:00
export default Link