From 58879693f39259a205071f548297c52c8b12f367 Mon Sep 17 00:00:00 2001
From: sabaimran <narmiabas@gmail.com>
Date: Tue, 28 Jan 2025 18:12:50 -0800
Subject: [PATCH] Simplify nav menu and add a teams section

---
 .../web/app/components/navMenu/navMenu.tsx    | 52 +++++++++++--------
 1 file changed, 31 insertions(+), 21 deletions(-)

diff --git a/src/interface/web/app/components/navMenu/navMenu.tsx b/src/interface/web/app/components/navMenu/navMenu.tsx
index f45fe3c2..7f4c2c1e 100644
--- a/src/interface/web/app/components/navMenu/navMenu.tsx
+++ b/src/interface/web/app/components/navMenu/navMenu.tsx
@@ -12,7 +12,7 @@ import {
     DropdownMenuSeparator,
     DropdownMenuTrigger,
 } from "@/components/ui/dropdown-menu";
-import { Moon, Sun, UserCircle, Question, ArrowRight, Code } from "@phosphor-icons/react";
+import { Moon, Sun, UserCircle, Question, ArrowRight, Code, BuildingOffice } from "@phosphor-icons/react";
 import { useIsMobileWidth } from "@/app/common/utils";
 import LoginPrompt from "../loginPrompt/loginPrompt";
 import { Button } from "@/components/ui/button";
@@ -87,6 +87,24 @@ export default function FooterMenu({ sideBarIsOpen }: NavMenuProps) {
         localStorage.setItem("theme", darkMode ? "dark" : "light");
     }
 
+    const menuItems = [
+        {
+            title: "Help",
+            icon: <Question className="w-6 h-6" />,
+            link: "https://docs.khoj.dev",
+        },
+        {
+            title: "Releases",
+            icon: <Code className="w-6 h-6" />,
+            link: "https://github.com/khoj-ai/khoj/releases",
+        },
+        {
+            title: "Organization",
+            icon: <BuildingOffice className="w-6 h-6" />,
+            link: "https://khoj.dev/teams",
+        },
+    ]
+
     return (
         <SidebarMenu className="border-none p-0 m-0">
             <SidebarMenuItem className="p-0 m-0">
@@ -147,26 +165,18 @@ export default function FooterMenu({ sideBarIsOpen }: NavMenuProps) {
                                 </p>
                             </div>
                         </DropdownMenuItem>
-                        <DropdownMenuItem>
-                            <Link href="https://docs.khoj.dev" className="no-underline w-full">
-                                <div className="flex flex-rows">
-                                    <Question className="w-6 h-6" />
-                                    <p className="ml-3 font-semibold">Help</p>
-                                </div>
-                            </Link>
-                        </DropdownMenuItem>
-
-                        <DropdownMenuItem>
-                            <Link
-                                href="https://github.com/khoj-ai/khoj/releases"
-                                className="no-underline w-full"
-                            >
-                                <div className="flex flex-rows">
-                                    <Code className="w-6 h-6" />
-                                    <p className="ml-3 font-semibold">Releases</p>
-                                </div>
-                            </Link>
-                        </DropdownMenuItem>
+                        {
+                            menuItems.map((menuItem, index) => (
+                                <DropdownMenuItem key={index}>
+                                    <Link href={menuItem.link} className="no-underline w-full">
+                                        <div className="flex flex-rows">
+                                            {menuItem.icon}
+                                            <p className="ml-3 font-semibold">{menuItem.title}</p>
+                                        </div>
+                                    </Link>
+                                </DropdownMenuItem>
+                            ))
+                        }
                         {!userData ? (
                             <DropdownMenuItem>
                                 <Button