Janady13/llms-txt-hub / apps/web/components/docs/docs-sidebar.tsx

Source identity

Field	Recorded value
Source type	GitHub source
Original record	Janady13/llms-txt-hub / apps/web/components/docs/docs-sidebar.tsx
Date	Not specified in source
Repository	Janady13/llms-txt-hub
Revision	e0f4bf978d4df168369c7601d9c5f5ea89e84377
Branch	main
Path or archive member	apps/web/components/docs/docs-sidebar.tsx
Original SHA-256	cc3d7f1239eab334be8f67a525d957f3006c41adaafc2f8b25e80fd5aa9e87b1
Git blob SHA	82de2180a1f55fd01c825d276b999d7f0d455c6c
Reading-copy SHA-256	cc3d7f1239eab334be8f67a525d957f3006c41adaafc2f8b25e80fd5aa9e87b1

Original source ↗

Recovered source transcript

Download complete source text ↓59 lines · 1.7 KB

'use client'

import { cn } from '@thedaviddias/design-system/lib/utils'
import { BookOpen, Bot, Terminal } from 'lucide-react'
import Link from 'next/link'
import { usePathname } from 'next/navigation'
import type { DocMetadata } from '@/lib/content-loader'

const DOC_ICONS: Record<string, typeof BookOpen> = {
  'getting-started': BookOpen,
  commands: Terminal,
  agents: Bot
}

interface DocsSidebarProps {
  docs: DocMetadata[]
}

/**
 * Sidebar navigation for the docs section
 */
export function DocsSidebar({ docs }: DocsSidebarProps) {
  const pathname = usePathname()

  return (
    <aside className="lg:sticky lg:top-20 lg:self-start">
      <nav className="space-y-1">
        <h3 className="font-semibold text-sm mb-3 text-muted-foreground uppercase tracking-wider">
          Documentation
        </h3>
        {docs.map(doc => {
          const href = doc.slug === 'getting-started' ? '/docs' : `/docs/${doc.slug}`
          const isActive =
            pathname === href ||
            (pathname === '/docs' && doc.slug === 'getting-started') ||
            pathname === `/docs/${doc.slug}`
          const Icon = DOC_ICONS[doc.slug] || BookOpen

          return (
            <Link
              key={doc.slug}
              href={href}
              className={cn(
                'flex items-center gap-2.5 px-3 py-2 text-sm rounded-md transition-colors',
                isActive
                  ? 'bg-accent text-foreground font-medium'
                  : 'text-muted-foreground hover:text-foreground hover:bg-muted/50'
              )}
            >
              <Icon className="h-4 w-4 shrink-0" />
              {doc.title}
            </Link>
          )
        })}
      </nav>
    </aside>
  )
}