Chneemann/flowstate
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix(nav): correctly highlight "Add Task" active state on task creation and edit routes

Browse source
This commit is contained in:
Chneemann 2026-08-14 11:54:42 +02:00
parent f18427c4ab
commit 76d239df7b
No known key found for this signature in database
1 changed files with 4 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
app/components/layout/Navbar.tsx
View file

@ -18,7 +18,7 @@ const fetcher = (url: string) => fetch(url).then((res) => res.json());
const navItems = [
{ name: "Summary", href: "/summary", icon: FileText },
{ name: "Dashboard", href: "/dashboard", icon: LayoutDashboard },
{ name: "Add Task", href: "/tasks?task=new", icon: FilePenLine },
{ name: "Add Task", href: "/tasks", icon: FilePenLine },
{ name: "Trash", href: "/trash", icon: Trash2 },
];
@ -38,7 +38,7 @@ export default function Navbar() {
const trashCount = data?.count || 0;
// Shared function to render navigation links to avoid code duplication
// Shared function to render navigation links
const renderNavLinks = (isMobile = false) =>
navItems.map((item) => {
const Icon = item.icon;
@ -50,7 +50,7 @@ export default function Navbar() {
return (
<Link
key={item.href}
href={item.href}
href={item.href === "/tasks" ? "/tasks?task=new" : item.href}
aria-current={isActive ? "page" : undefined}
className={
isMobile