starred/archived-linsa
1
0
Fork 0
mirror of https://github.com/linsa-io/linsa.git synced 2026-01-12 12:20:23 +01:00
Code Issues 2 Packages Projects Releases Wiki Activity

fix: wrong type and exact only page

Browse Source
This commit is contained in:
Aslam H
2024-11-09 13:20:15 +07:00
parent 08bcf3037a
commit eb396ba7c4
2 changed files with 9 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
web/app/components/custom/nav-item.tsx
View File

@@ -2,9 +2,9 @@ import { Link } from "@tanstack/react-router"
import { cn } from "@/lib/utils" import { cn } from "@/lib/utils"
import { LaIcon } from "~/components/custom/la-icon" import { LaIcon } from "~/components/custom/la-icon"
import { icons } from "lucide-react" import { icons } from "lucide-react"
import type { NavigateOptions } from "@tanstack/react-router" import type { LinkOptions } from "@tanstack/react-router"
interface NavItemProps extends NavigateOptions { interface NavItemProps extends LinkOptions {
title: string title: string
count: number count: number
icon: keyof typeof icons icon: keyof typeof icons
@@ -26,7 +26,6 @@ export function NavItem({
"text-[var(--less-foreground)] hover:bg-[var(--item-hover)] focus-visible:outline-none focus-visible:ring-0", "text-[var(--less-foreground)] hover:bg-[var(--item-hover)] focus-visible:outline-none focus-visible:ring-0",
className, className,
)} )}
activeOptions={{ exact: true }}
activeProps={{ activeProps={{
className: className:
'bg-[var(--item-active)] data-[status="active"]:hover:bg-[var(--item-active)]', 'bg-[var(--item-active)] data-[status="active"]:hover:bg-[var(--item-active)]',

8
web/app/components/sidebar/partials/link-collection.tsx
View File

@@ -27,7 +27,13 @@ export const LinkCollection: React.FC = () => {
<div className="flex flex-col gap-px py-2"> <div className="flex flex-col gap-px py-2">
<NavItem to="/links" title="Links" icon="Link" count={linkCount} /> <NavItem to="/links" title="Links" icon="Link" count={linkCount} />
<NavItem to="/topics" title="Topics" icon="Hash" count={topicCount} /> <NavItem to="/topics" title="Topics" icon="Hash" count={topicCount} />
<NavItem to="/pages" title="Pages" icon="Layers" count={pageCount} /> <NavItem
to="/pages"
title="Pages"
icon="Layers"
count={pageCount}
activeOptions={{ exact: true }}
/>
<NavItem <NavItem
to="/tasks" to="/tasks"
title="Tasks" title="Tasks"