ui: add dataroom overview to navbar

This commit is contained in:
Sosokker 2024-11-07 05:22:00 +07:00
parent ac2af453e5
commit 4d0f1d2ec4

View File

@ -64,6 +64,14 @@ export async function NavigationBar() {
},
];
const dataroomComponents = [
{
title: "Overview",
href: "/dataroom/overview",
description: "View all dataroom available to you",
},
];
return (
<header className="sticky top-0 flex flex-wrap w-full bg-card text-sm py-3 border-b-2 border-border z-50">
<nav className="max-w-screen-xl w-full mx-auto px-4">
@ -110,6 +118,19 @@ export async function NavigationBar() {
</NavigationMenuContent>
</NavigationMenuItem>
<NavigationMenuItem>
<NavigationMenuTrigger className="text-base font-medium ">Dataroom</NavigationMenuTrigger>
<NavigationMenuContent>
<ul className="grid w-[400px] ">
{dataroomComponents.map((component) => (
<ListItem key={component.title} title={component.title} href={component.href}>
{component.description}
</ListItem>
))}
</ul>
</NavigationMenuContent>
</NavigationMenuItem>
<NavigationMenuItem className="pl-5 flex">
<SearchBar />
</NavigationMenuItem>