NavigationMenuRefListItems() — supabase Function Reference

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

Function tsx DocumentationSystem ReferenceGen calls 1

Entity Profile

DocumentationSystem→ ReferenceGen→ NavigationMenuRefListItems() — supabase Function Reference

Dependency Diagram

graph TD
  56de7ee3_3852_f23b_380e_758f5b769c08["NavigationMenuRefListItems()"]
  5e3c332c_fb64_4f64_8914_13acc4a8bbc1["deepFilterSections()"]
  56de7ee3_3852_f23b_380e_758f5b769c08 -->|calls| 5e3c332c_fb64_4f64_8914_13acc4a8bbc1
  style 56de7ee3_3852_f23b_380e_758f5b769c08 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

apps/docs/components/Navigation/NavigationMenu/NavigationMenuRefListItems.tsx lines 171–211

const NavigationMenuRefListItems = ({
  id,
  basePath,
  commonSections,
  spec,
}: NavigationMenuRefListItemsProps) => {
  const menu = NavItems[id]

  const specFunctionIds = spec?.functions.map(({ id }) => id)
  const filteredSections = spec
    ? deepFilterSections(commonSections, specFunctionIds)
    : commonSections

  return (
    <div className={'w-full flex flex-col gap-0 sticky top-8'}>
      <div className="flex items-center gap-3 my-3">
        <MenuIconPicker icon={menu.icon} width={21} height={21} />
        <HeaderLink title={menu.title} url={menu.url} id={id} />
      </div>
      <ul className="function-link-list flex flex-col gap-2 pb-5">
        {filteredSections.map((section) => {
          return (
            <Fragment key={section.title}>
              {section.type === 'category' ? (
                <>
                  <Divider />
                  <SideMenuTitle title={section.title} />
                  {section.items.map((item) => (
                    <RenderLink key={item.id} section={item} basePath={basePath} />
                  ))}
                </>
              ) : (
                <RenderLink section={section} basePath={basePath} />
              )}
            </Fragment>
          )
        })}
      </ul>
    </div>
  )
}