Use custom Khoj Icons for Search, Agents & Automation in Nav Menu

- Update agents, automations, search svg icons
This commit is contained in:
Debanjum Singh Solanky
2024-08-05 20:12:35 +05:30
parent ec106d743d
commit a4388c5e65
5 changed files with 213 additions and 58 deletions

View File

@@ -34,6 +34,7 @@ import {
ArrowRight,
UsersFour,
} from "@phosphor-icons/react";
import { KhojAgentLogo, KhojAutomationLogo, KhojSearchLogo } from "../logo/khojLogo";
export default function NavMenu() {
const userData = useAuthenticatedData();
@@ -123,7 +124,7 @@ export default function NavMenu() {
<DropdownMenuItem>
<Link href="/agents" className="no-underline w-full">
<div className="flex flex-rows">
<UsersFour className="w-6 h-6" />
<KhojAgentLogo className="w-6 h-6" />
<p className="ml-3 font-semibold">Agents</p>
</div>
</Link>
@@ -131,7 +132,7 @@ export default function NavMenu() {
<DropdownMenuItem>
<Link href="/automations" className="no-underline w-full">
<div className="flex flex-rows">
<Robot className="w-6 h-6" />
<KhojAutomationLogo className="w-6 h-6" />
<p className="ml-3 font-semibold">Automations</p>
</div>
</Link>
@@ -140,7 +141,7 @@ export default function NavMenu() {
<DropdownMenuItem>
<Link href="/search" className="no-underline w-full">
<div className="flex flex-rows">
<MagnifyingGlass className="w-6 h-6" />
<KhojSearchLogo className="w-6 h-6" />
<p className="ml-3 font-semibold">Search</p>
</div>
</Link>
@@ -230,7 +231,7 @@ export default function NavMenu() {
<MenubarItem>
<Link href="/agents" className="no-underline w-full">
<div className="flex flex-rows">
<UsersFour className="w-6 h-6" />
<KhojAgentLogo className="w-6 h-6" />
<p className="ml-3 font-semibold">Agents</p>
</div>
</Link>
@@ -238,7 +239,7 @@ export default function NavMenu() {
<MenubarItem>
<Link href="/automations" className="no-underline w-full">
<div className="flex flex-rows">
<Robot className="w-6 h-6" />
<KhojAutomationLogo className="w-6 h-6" />
<p className="ml-3 font-semibold">Automations</p>
</div>
</Link>
@@ -247,7 +248,7 @@ export default function NavMenu() {
<MenubarItem>
<Link href="/search" className="no-underline w-full">
<div className="flex flex-rows">
<MagnifyingGlass className="w-6 h-6" />
<KhojSearchLogo className="w-6 h-6" />
<p className="ml-3 font-semibold">Search</p>
</div>
</Link>