MenuItems() — supabase Function Reference

Architecture documentation for the MenuItems() function in SecondLevelNav.Layout.tsx from the supabase codebase.

Function tsx ContentManagement Collections calls 1

Entity Profile

ContentManagement→ Collections→ MenuItems() — supabase Function Reference

Dependency Diagram

graph TD
  5d2a75c5_444a_688f_c2c0_055f80498c74["MenuItems()"]
  7aabb8aa_409e_60c6_f749_645b94524b5f["navigateToSection()"]
  5d2a75c5_444a_688f_c2c0_055f80498c74 -->|calls| 7aabb8aa_409e_60c6_f749_645b94524b5f
  style 5d2a75c5_444a_688f_c2c0_055f80498c74 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

apps/studio/components/interfaces/ProjectAPIDocs/SecondLevelNav.Layout.tsx lines 148–169

const MenuItems = ({ category, menuItemFilter }: MenuItemsProps) => {
  const menuItems = useMemo(() => {
    const items = Object.values(DOCS_RESOURCE_CONTENT).filter(
      (content) => content.category === category
    )
    return menuItemFilter ? items.filter(menuItemFilter) : items
  }, [category, menuItemFilter])

  return (
    <div className="py-4 space-y-2">
      {menuItems.map((item) => (
        <button
          key={item.key}
          className="w-full text-left text-sm text-foreground-light px-4 hover:text-foreground"
          onClick={() => navigateToSection(item.key)}
        >
          {item.title}
        </button>
      ))}
    </div>
  )
}