klbr/khoj
1
0
Fork 0
mirror of https://github.com/khoaliber/khoj.git synced 2026-03-10 05:39:11 +00:00
Code Issues Packages Projects Releases Wiki Activity

Simplify nav menu and add a teams section

Browse Source
This commit is contained in:
sabaimran
2025-01-28 18:12:50 -08:00
parent e076ebd133
commit 58879693f3
1 changed files with 31 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files

52
src/interface/web/app/components/navMenu/navMenu.tsx
View File

@@ -12,7 +12,7 @@ import {
DropdownMenuSeparator, DropdownMenuSeparator,
DropdownMenuTrigger, DropdownMenuTrigger,
} from "@/components/ui/dropdown-menu"; } 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 { useIsMobileWidth } from "@/app/common/utils";
import LoginPrompt from "../loginPrompt/loginPrompt"; import LoginPrompt from "../loginPrompt/loginPrompt";
import { Button } from "@/components/ui/button"; import { Button } from "@/components/ui/button";
@@ -87,6 +87,24 @@ export default function FooterMenu({ sideBarIsOpen }: NavMenuProps) {
localStorage.setItem("theme", darkMode ? "dark" : "light"); 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 ( return (
<SidebarMenu className="border-none p-0 m-0"> <SidebarMenu className="border-none p-0 m-0">
<SidebarMenuItem className="p-0 m-0"> <SidebarMenuItem className="p-0 m-0">
@@ -147,26 +165,18 @@ export default function FooterMenu({ sideBarIsOpen }: NavMenuProps) {
</p> </p>
</div> </div>
</DropdownMenuItem> </DropdownMenuItem>
<DropdownMenuItem> {
<Link href="https://docs.khoj.dev" className="no-underline w-full"> menuItems.map((menuItem, index) => (
<div className="flex flex-rows"> <DropdownMenuItem key={index}>
<Question className="w-6 h-6" /> <Link href={menuItem.link} className="no-underline w-full">
<p className="ml-3 font-semibold">Help</p> <div className="flex flex-rows">
</div> {menuItem.icon}
</Link> <p className="ml-3 font-semibold">{menuItem.title}</p>
</DropdownMenuItem> </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>
{!userData ? ( {!userData ? (
<DropdownMenuItem> <DropdownMenuItem>
<Button <Button