highperfocused/danswer
1
0
Fork 0
mirror of https://github.com/danswer-ai/danswer.git synced 2025-10-10 21:26:01 +02:00
Code Issues Packages Projects Releases Wiki Activity

Highlight active link in AdminSidebar based on current pathname (#4719)

Browse Source 
* Highlight active link in AdminSidebar based on current pathname

* Refactor AdminSidebar to declare pathname variable earlier

---------

Co-authored-by: Subash <subash@onyx.app>
This commit is contained in:
SubashMohan
2025-05-16 10:25:28 +05:30
committed by GitHub
parent 30d9ce1310
commit f3e2795e69
1 changed files with 8 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
web/src/components/admin/connectors/AdminSidebar.tsx
View File

@@ -2,6 +2,7 @@
"use client"; "use client";
import React, { useContext } from "react"; import React, { useContext } from "react";
import Link from "next/link"; import Link from "next/link";
import { usePathname } from "next/navigation";
import { SettingsContext } from "@/components/settings/SettingsProvider"; import { SettingsContext } from "@/components/settings/SettingsProvider";
import { CgArrowsExpandUpLeft } from "react-icons/cg"; import { CgArrowsExpandUpLeft } from "react-icons/cg";
import { LogoComponent } from "@/components/logo/FixedLogo"; import { LogoComponent } from "@/components/logo/FixedLogo";
@@ -19,10 +20,10 @@ interface Collection {
export function AdminSidebar({ collections }: { collections: Collection[] }) { export function AdminSidebar({ collections }: { collections: Collection[] }) {
const combinedSettings = useContext(SettingsContext); const combinedSettings = useContext(SettingsContext);
const pathname = usePathname() ?? "";
if (!combinedSettings) { if (!combinedSettings) {
return null; return null;
} }
const enterpriseSettings = combinedSettings.enterpriseSettings; const enterpriseSettings = combinedSettings.enterpriseSettings;
return ( return (
@@ -57,7 +58,12 @@ export function AdminSidebar({ collections }: { collections: Collection[] }) {
{collection.items.map((item) => ( {collection.items.map((item) => (
<Link key={item.link} href={item.link}> <Link key={item.link} href={item.link}>
<button <button
className={`text-sm text-text-700 block flex gap-x-2 items-center w-52 py-2.5 px-2 text-left hover:bg-background-settings-hover dark:hover:bg-neutral-800 rounded`} className={`text-sm text-text-700 block flex gap-x-2 items-center w-52 py-2.5 px-2 text-left hover:bg-background-settings-hover dark:hover:bg-neutral-800 rounded
${
pathname.startsWith(item.link)
? "bg-background-settings-hover dark:bg-neutral-700"
: ""
}`}
> >
{item.name} {item.name}
</button> </button>