docs/src/components/Link.tsx at patch-1 · hmmhmmhm/docs

Repository navigation

import NLink from "next/link";

import React, { useMemo } from "react";

export interface Props {

href: string;

external?: boolean;

className?: string;

onClick?: (e: React.MouseEvent) => void;

}

const isExternalLink = (href: string) =>

href == null || href.startsWith("http://") || href.startsWith("https://");

const useIsExternalLink = (href: string) =>

useMemo(() => isExternalLink(href), [href]);

export const Link: React.FC<Props> = ({

href,

external,

children,

...props

}) => {

const isExternal = (useIsExternalLink(href) || external) ?? false;

if (isExternal) {

return (

{children}

</a>

);

}

return (

<a {...props}>{children}</a>

</NLink>

);

};