From 4d0f1d2ec4d510462aa8821eacbf1b5db04a5d4a Mon Sep 17 00:00:00 2001
From: Sosokker <sirinza29@gmail.com>
Date: Thu, 7 Nov 2024 05:22:00 +0700
Subject: [PATCH] ui: add dataroom overview to navbar

---
 src/components/navigationBar/nav.tsx | 21 +++++++++++++++++++++
 1 file changed, 21 insertions(+)

diff --git a/src/components/navigationBar/nav.tsx b/src/components/navigationBar/nav.tsx
index c90f5cb..2c11a00 100644
--- a/src/components/navigationBar/nav.tsx
+++ b/src/components/navigationBar/nav.tsx
@@ -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>