GauthierWebDev
67f2ff697e
All checks were successful
Update Memento Dev on VPS / deploy (push) Successful in 53s
26 lines
992 B
TypeScript
26 lines
992 B
TypeScript
import { usePageContext } from "vike-react/usePageContext";
|
|
import { prefetch } from "vike/client/router";
|
|
import clsx from "clsx";
|
|
|
|
export function Link(props: React.AnchorHTMLAttributes<HTMLAnchorElement> & { href: string }) {
|
|
const { urlPathname } = usePageContext();
|
|
const isActive = props.href === "/" ? urlPathname === props.href : urlPathname.startsWith(props.href);
|
|
const isSameDomain = !(props.href.startsWith("http") || props.href.startsWith("mailto"));
|
|
const isDownload = props.href.endsWith(".pdf") || props.href.endsWith(".zip");
|
|
|
|
const handleMouseEnter = () => prefetch(props.href);
|
|
|
|
return (
|
|
<a
|
|
{...props}
|
|
href={props.href}
|
|
className={clsx(isActive && "is-active", props.className)}
|
|
{...(isDownload ? { download: true } : {})}
|
|
{...(!isSameDomain || isDownload ? { target: "_blank", rel: "noopener noreferrer" } : {})}
|
|
{...(isSameDomain ? { onMouseEnter: handleMouseEnter } : {})}
|
|
>
|
|
{props.children}
|
|
</a>
|
|
);
|
|
}
|