mirror of
https://github.com/jakejarvis/jarv.is.git
synced 2026-10-27 02:16:23 -04:00
jakeandClaude Sonnet 5.5
a8c4a0a09e
Split the scroll shell, home link and theme toggle into small client components so the contact popover markup and icon SVGs render on the server instead of shipping in the client bundle. Co-Authored-By: Claude Sonnet 5.5 <noreply@anthropic.com>
30 lines
726 B
TypeScript
30 lines
726 B
TypeScript
"use client";
|
|
|
|
import Link from "next/link";
|
|
import { usePathname } from "next/navigation";
|
|
|
|
import siteConfig from "@/lib/config/site";
|
|
import { cn } from "@/lib/utils";
|
|
|
|
/** Site name/avatar link; needs the current pathname to pick a view transition type. */
|
|
const HomeLink = ({ children }: { children: React.ReactNode }) => {
|
|
const pathname = usePathname();
|
|
|
|
return (
|
|
<Link
|
|
href="/"
|
|
rel="author"
|
|
transitionTypes={pathname === "/" ? undefined : ["nav-lateral"]}
|
|
aria-label={siteConfig.name}
|
|
className={cn(
|
|
"flex shrink-0 items-center hover:text-foreground/85",
|
|
"gap-2.5 pr-2 hover:no-underline",
|
|
)}
|
|
>
|
|
{children}
|
|
</Link>
|
|
);
|
|
};
|
|
|
|
export { HomeLink };
|