65 lines
2.4 KiB
TypeScript
65 lines
2.4 KiB
TypeScript
"use client"
|
|
|
|
import { NavigationMenu, NavigationMenuContent, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, navigationMenuTriggerStyle } from "@/components/ui/navigation-menu";
|
|
import Link from "next/link";
|
|
|
|
export default function TopNav() {
|
|
return (
|
|
<NavigationMenu viewport={false}>
|
|
<NavigationMenuList>
|
|
<NavigationMenuItem>
|
|
<NavigationMenuLink asChild className={navigationMenuTriggerStyle()}>
|
|
<Link href="/">Home</Link>
|
|
</NavigationMenuLink>
|
|
</NavigationMenuItem>
|
|
|
|
<NavigationMenuItem>
|
|
<NavigationMenuTrigger>Portfolio</NavigationMenuTrigger>
|
|
<NavigationMenuContent>
|
|
<ul className="grid gap-2 p-4 w-48">
|
|
<li>
|
|
<NavigationMenuLink asChild>
|
|
<Link href="/portfolio" className="block px-2 py-1 rounded hover:bg-muted">
|
|
All Portfolio Images
|
|
</Link>
|
|
</NavigationMenuLink>
|
|
</li>
|
|
<li>
|
|
<NavigationMenuLink asChild>
|
|
<Link href="/portfolio/arttypes" className="block px-2 py-1 rounded hover:bg-muted">
|
|
Art Types
|
|
</Link>
|
|
</NavigationMenuLink>
|
|
</li>
|
|
<li>
|
|
<NavigationMenuLink asChild>
|
|
<Link href="/portfolio/categories" className="block px-2 py-1 rounded hover:bg-muted">
|
|
Categories
|
|
</Link>
|
|
</NavigationMenuLink>
|
|
</li>
|
|
<li>
|
|
<NavigationMenuLink asChild>
|
|
<Link href="/portfolio/tags" className="block px-2 py-1 rounded hover:bg-muted">
|
|
Tags
|
|
</Link>
|
|
</NavigationMenuLink>
|
|
</li>
|
|
</ul>
|
|
</NavigationMenuContent>
|
|
</NavigationMenuItem>
|
|
|
|
<NavigationMenuItem>
|
|
<NavigationMenuLink asChild className={navigationMenuTriggerStyle()}>
|
|
<Link href="/items/commissions/types">CommissionTypes</Link>
|
|
</NavigationMenuLink>
|
|
</NavigationMenuItem>
|
|
<NavigationMenuItem>
|
|
<NavigationMenuLink asChild className={navigationMenuTriggerStyle()}>
|
|
<Link href="/items/commissions/tos">ToS</Link>
|
|
</NavigationMenuLink>
|
|
</NavigationMenuItem>
|
|
</NavigationMenuList>
|
|
</NavigationMenu>
|
|
);
|
|
} |