github/AutoGPT
1
1
Fork 0
mirror of https://github.com/Significant-Gravitas/AutoGPT.git synced 2026-04-08 03:00:28 -04:00
Code Issues Packages Projects Releases Wiki Activity

feat: take in props for navbar

Browse Source 
Is this desired?
This commit is contained in:
Nicholas Tindle
2025-01-26 11:42:28 +00:00
parent c2c3c29018
commit 06e845abe7
1 changed files with 10 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
autogpt_platform/frontend/src/components/agptui/NavbarLink.tsx
View File

@@ -12,9 +12,10 @@ import { usePathname } from "next/navigation";
interface NavbarLinkProps {
name: string;
href: string;
className?: string;
}
export const NavbarLink = ({ name, href }: NavbarLinkProps) => {
export const NavbarLink = ({ name, href, className }: NavbarLinkProps) => {
const pathname = usePathname();
const parts = pathname.split("/");
const activeLink = "/" + (parts.length > 2 ? parts[2] : parts[1]);
@@ -22,11 +23,10 @@ export const NavbarLink = ({ name, href }: NavbarLinkProps) => {
return (
<Link href={href} data-testid={`navbar-link-${name.toLowerCase()}`}>
<div
className={`h-[48px] px-5 py-4 ${
activeLink === href
? "rounded-2xl bg-neutral-800 dark:bg-neutral-200"
: ""
} flex items-center justify-start gap-3`}
className={`h-[48px] px-5 py-4 ${className} ${activeLink === href
? "rounded-2xl bg-neutral-800 dark:bg-neutral-200"
: ""
} flex items-center justify-start gap-3`}
>
{href === "/marketplace" && (
<IconShoppingCart
@@ -49,11 +49,10 @@ export const NavbarLink = ({ name, href }: NavbarLinkProps) => {
/>
)}
<div
className={`font-poppins text-[20px] font-medium leading-[28px] ${
activeLink === href
? "text-neutral-50 dark:text-neutral-900"
: "text-neutral-900 dark:text-neutral-50"
}`}
className={`font-poppins text-[20px] font-medium leading-[28px] ${activeLink === href
? "text-neutral-50 dark:text-neutral-900"
: "text-neutral-900 dark:text-neutral-50"
}`}
>
{name}
</div>