NavProjects() — ui Function Reference

Architecture documentation for the NavProjects() function in sidebar-rsc.tsx from the ui codebase.

Function tsx DocumentationAtlas ContentSourcing calls 1

Entity Profile

DocumentationAtlas→ ContentSourcing→ NavProjects() — ui Function Reference

Dependency Diagram

graph TD
  a6066b32_61f9_0906_5350_bc0a97822977["NavProjects()"]
  eb1fea34_4c85_6bf0_19d5_cee93da21a6d["sidebar-rsc.tsx"]
  a6066b32_61f9_0906_5350_bc0a97822977 -->|defined in| eb1fea34_4c85_6bf0_19d5_cee93da21a6d
  4381988d_d709_07db_1abf_8f6667dbeb08["fetchProjects()"]
  a6066b32_61f9_0906_5350_bc0a97822977 -->|calls| 4381988d_d709_07db_1abf_8f6667dbeb08
  style a6066b32_61f9_0906_5350_bc0a97822977 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

apps/v4/examples/base/sidebar-rsc.tsx lines 92–107

async function NavProjects() {
  const projects = await fetchProjects()

  return (
    <SidebarMenu>
      {projects.map((project) => (
        <SidebarMenuItem key={project.name}>
          <SidebarMenuButton render={<a href={project.url} />}>
            <project.icon />
            <span>{project.name}</span>
          </SidebarMenuButton>
        </SidebarMenuItem>
      ))}
    </SidebarMenu>
  )
}