useBreadcrumbs() — supabase Function Reference

Architecture documentation for the useBreadcrumbs() function in Breadcrumbs.tsx from the supabase codebase.

Function tsx DocumentationSystem ReferenceGen calls 2 called by 1

Entity Profile

DocumentationSystem→ ReferenceGen→ useBreadcrumbs() — supabase Function Reference

Dependency Diagram

graph TD
  5f4db0c7_143a_6760_4b0f_51f5fff05cce["useBreadcrumbs()"]
  b07d014e_c2b2_1696_d0a1_67733fe3e7e1["BreadcrumbsInternal()"]
  b07d014e_c2b2_1696_d0a1_67733fe3e7e1 -->|calls| 5f4db0c7_143a_6760_4b0f_51f5fff05cce
  9b299289_e1d2_9370_40e3_8e057fa3d09a["getMenuId()"]
  5f4db0c7_143a_6760_4b0f_51f5fff05cce -->|calls| 9b299289_e1d2_9370_40e3_8e057fa3d09a
  6cb92a85_a42b_2e4a_b1cd_49fb4295bb1e["findMenuItemByUrl()"]
  5f4db0c7_143a_6760_4b0f_51f5fff05cce -->|calls| 6cb92a85_a42b_2e4a_b1cd_49fb4295bb1e
  style 5f4db0c7_143a_6760_4b0f_51f5fff05cce fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

apps/docs/components/Breadcrumbs.tsx lines 160–182

function useBreadcrumbs() {
  const pathname = usePathname()

  const isTroubleshootingPage = pathname.startsWith('/guides/troubleshooting')
  if (isTroubleshootingPage) {
    const breadcrumbs = [{ name: 'Troubleshooting', url: '/guides/troubleshooting' }]
    return breadcrumbs
  }

  const isAiPromptsPage = pathname.startsWith('/guides/getting-started/ai-prompts')
  if (isAiPromptsPage) {
    const breadcrumbs = [
      { name: 'Getting started', url: '/guides/getting-started' },
      { name: 'AI Tools' },
      { name: 'Prompts', url: '/guides/getting-started/ai-prompts' },
    ]
    return breadcrumbs
  }

  const menuId = getMenuId(pathname)
  const menu = NavItems[menuId]
  return findMenuItemByUrl(menu, pathname, [])
}