mirror of
https://github.com/jakejarvis/jarv.is.git
synced 2025-04-26 21:28:26 -04:00
33 lines
1.3 KiB
TypeScript
33 lines
1.3 KiB
TypeScript
import NextLink from "next/link";
|
|
import cn from "../../lib/helpers/classnames";
|
|
import type { ComponentPropsWithoutRef } from "react";
|
|
|
|
export type LinkProps = ComponentPropsWithoutRef<typeof NextLink> & {
|
|
// https://github.com/vercel/next.js/pull/77866/files#diff-040f76a8f302dd3a8ec7de0867048475271f052b094cd73d2d0751b495c02f7dR30
|
|
dynamicOnHover?: boolean;
|
|
};
|
|
|
|
const Link = ({ href, rel, target, prefetch = false, dynamicOnHover, className, ...rest }: LinkProps) => {
|
|
// This component auto-detects whether or not this link should open in the same window (the default for internal
|
|
// links) or a new tab (the default for external links). Defaults can be overridden with `target="_blank"`.
|
|
const isExternal = typeof href === "string" && !["/", "#"].includes(href[0]);
|
|
|
|
return (
|
|
<NextLink
|
|
prefetch={dynamicOnHover ? null : prefetch}
|
|
// @ts-expect-error
|
|
unstable_dynamicOnHover={dynamicOnHover}
|
|
href={href}
|
|
target={target || (isExternal ? "_blank" : undefined)}
|
|
rel={`${rel ? `${rel} ` : ""}${target === "_blank" || isExternal ? "noopener noreferrer" : ""}` || undefined}
|
|
className={cn(
|
|
"text-link hover:decoration-link/40 hover:underline hover:decoration-2 hover:underline-offset-4",
|
|
className
|
|
)}
|
|
{...rest}
|
|
/>
|
|
);
|
|
};
|
|
|
|
export default Link;
|