Rafi Arrafif
a82e7a7424
Completely refactoring the entire old codebase with a new codebase. This change also altered most of the core UI from the old codebase, replacing it with Shadcn with some customizations.
98 lines
3.2 KiB
TypeScript
98 lines
3.2 KiB
TypeScript
"use client";
|
|
|
|
import {
|
|
NavigationMenu,
|
|
NavigationMenuContent,
|
|
NavigationMenuItem,
|
|
NavigationMenuLink,
|
|
NavigationMenuList,
|
|
NavigationMenuTrigger,
|
|
} from "@/shared/libs/shadcn/ui/navigation-menu";
|
|
import Link from "next/link";
|
|
|
|
const NavigationLink = () => {
|
|
return (
|
|
<div className="pl-10">
|
|
<NavigationMenu viewport={false}>
|
|
<NavigationMenuList className="flex-wrap">
|
|
<NavigationMenuItem>
|
|
<NavigationMenuLink asChild>
|
|
<Link href="/season" className="text-sm">
|
|
Season
|
|
</Link>
|
|
</NavigationMenuLink>
|
|
</NavigationMenuItem>
|
|
<NavigationMenuItem>
|
|
<NavigationMenuLink asChild>
|
|
<Link href="/genres" className="text-sm">
|
|
Genres
|
|
</Link>
|
|
</NavigationMenuLink>
|
|
</NavigationMenuItem>
|
|
<NavigationMenuItem>
|
|
<NavigationMenuLink asChild>
|
|
<Link href="/trending" className="text-sm">
|
|
Trending
|
|
</Link>
|
|
</NavigationMenuLink>
|
|
</NavigationMenuItem>
|
|
<NavigationMenuItem>
|
|
<NavigationMenuTrigger className="font-normal">
|
|
Media
|
|
</NavigationMenuTrigger>
|
|
<NavigationMenuContent>
|
|
<ul className="grid w-50 gap-4">
|
|
<li>
|
|
<NavigationMenuLink asChild>
|
|
<Link href="/release/finished" className="text-sm">
|
|
TV
|
|
</Link>
|
|
</NavigationMenuLink>
|
|
<NavigationMenuLink asChild>
|
|
<Link href="/release/onair" className="text-sm">
|
|
Movie
|
|
</Link>
|
|
</NavigationMenuLink>
|
|
<NavigationMenuLink asChild>
|
|
<Link href="/release/upcoming" className="text-sm">
|
|
OVA
|
|
</Link>
|
|
</NavigationMenuLink>
|
|
</li>
|
|
</ul>
|
|
</NavigationMenuContent>
|
|
</NavigationMenuItem>
|
|
<NavigationMenuItem>
|
|
<NavigationMenuTrigger className="font-normal">
|
|
Release
|
|
</NavigationMenuTrigger>
|
|
<NavigationMenuContent>
|
|
<ul className="grid w-50 gap-0">
|
|
<li>
|
|
<NavigationMenuLink asChild>
|
|
<Link href="/release/finished" className="text-sm">
|
|
Finished
|
|
</Link>
|
|
</NavigationMenuLink>
|
|
<NavigationMenuLink asChild>
|
|
<Link href="/release/onair" className="text-sm">
|
|
On Air
|
|
</Link>
|
|
</NavigationMenuLink>
|
|
<NavigationMenuLink asChild>
|
|
<Link href="/release/upcoming" className="text-sm">
|
|
Upcoming
|
|
</Link>
|
|
</NavigationMenuLink>
|
|
</li>
|
|
</ul>
|
|
</NavigationMenuContent>
|
|
</NavigationMenuItem>
|
|
</NavigationMenuList>
|
|
</NavigationMenu>
|
|
</div>
|
|
);
|
|
};
|
|
|
|
export default NavigationLink;
|